60 / 60 some things i think are interesting or useful. be careful, this is the internet!
Check browser support for various HTML, CSS, and JS features.
View specifically what works, in what capacity, across various browsers and releases. Easier than troubleshooting manually.
Gorgeous minimal copy-paste UI components.
Built on Radix and Tailwind. Copy-paste in, customise as desired, no dependencies.
Fast all-in-one JS runtime.
Runtime, bundler, test runner, and package manager in one. Usually a lot faster than npm/yarn/pnpm.
Fast Python package and project manager.
Built in Rust, replaces pip, pyenv, venv, etc. Drastically faster than typical managers.
OSINT gathering and visualisation tool.
General polished OSINT tools. Most resources are behind a paywall, but decent reference value regardless.
OSINT Automation.
Automate access/analysis of hundreds of data sources in one place. Self-hostable with a decent UI.
Low-code workflow automation.
Visual node-based workflow automation editor like Zapier, but self-hostable.
'Simpler' static site generator.
SSG but particularly quick and lightweight, No strong opinions. Tiny output, and by-default no JS on the client.
Web accessibility checker.
Good accessibility checker on live sites, with local extensions as equivalent available for various browsers.
Quick colour palette generator.
Randomly generate reasonable colour palettes, with export as CSS, Tailwind, XML, and plenty of other formats.
Reliable components, primitives, icons, colors.
High-quality styled components, primitives, and baseline assets to build on, and not worry about accessibility.
Git-friendly API client.
Alternative to Postman/Insomnia, open-source local-first API client that stores collections as plain files.
Hand-drawn collaborative virtual whiteboard.
My primary choice for rough web-based diagramming, with a decent component library. Alternative to tldraw.
Web-based API client.
Lightweight and pretty quick. Fairly comfortable and supports whatever REST, WebSockets, GraphQL you'd need.
SQL-like headless Typescript ORM
Zero-dependency ORM that feels like SQL, and integrates natively with postgres, mysql, sqlite.
TypeScript schema validation.
Define a schema, validate at the edges, and let TypeScript take it from there. Fairly painless.
Deploy containers close to your users.
Global container deployment with a reasonable CLI. Handles volumes, Postgres, and scales down to zero.
Fonts as npm packages.
Self-host open-source fonts without touching a CDN. Install, import, done.
Utility-first CSS framework.
Write styles inline as consistent pre-built classes. Doesn't look great but so much faster than raw CSS.
Quick diagrams and wireframes.
Light enough to just open and wireframe. Simpler early-stage alternative to Figma.
Camera matching from a photo.
Get the perspective of a real camera from a single image and export straight into whatever 3D software.
Google web best practices.
Solid modern reference for performance, accessibility, and general guidance.
Icon library.
Collates 17 open-source icon libraries (35797 icons) for use as a library, jsx, or raw svg. Big fan.
Free stock photography.
Everyone knows it but is an obligatory mention. Large library of free-to-use photos good for placeholders.
SVG icon library.
Massive collection of free SVGs. Super quick to search, download, and use.
Real-world design inspiration.
Screenshot library of actual apps, organised by pattern. Solid reference, annoyingly paywalled though.
UI component library
React/Tailwind component library, interesting thing is the community library of open-source components.
Prebuilt React UI components.
Copy-paste react components for modern/creative patterns. Novel drop-in stuff (backgrounds used a lot in this site 🙈)
Heavily styled React components.
Large collection of flashy, opinionated components with strong visual effects. Good reference/inspiration.
High-end web design showcase.
Award-winning sites that aren't necessarily practical, but very interesting reference/inspiration.
Design showcase and inspiration.
Good reference, lots of polished micro-designs and visual trends.
Free textures for rendering and compositing.
Decent quality free textures across a range of surface types. Good free option.
Free open-source web fonts.
Large, well-maintained library. Quality varies, but it covers most use cases and everything is free.
Local-first Markdown notes.
The holy grail, backlinks, plugins, graph view, the works. Stores everything locally as plain files.
Python web framework with automatic docs.
Typed routes with automatic OpenAPI docs. Convenient, fast enough, and pleasant to write.
Lightweight JS animation library.
Animate CSS properties, SVG, and DOM attributes with a clean API. Small and gets out of your way.
Timeline-based JS animation.
Definite go-to for complex sequenced animations. Not too light, but handles everything that simpler libraries can't.
Estimate a website's carbon footprint.
Rough approximation of how much energy a page uses per visit. Interesting tidbit, though not a precise measurement.
Database with built-in server logic.
Merges the database and application server into one. Interesting to consider for real-time/multiplayer stuff.
Free PBR textures.
Physically-based textures for 3D and rendering work. Narrower selection than some but consistent quality.
Contemporary typeface catalogue
Collection of interesting modern fonts of various styles.
Node-based real-time visuals.
Visual programming environment for interactive graphics and installations. Very steep learning curve, but high ceiling.
Classical cipher analysis.
Crack and analyse classical ciphers. Super useful for most classical cryptography, and bruteforcing.
Browser-based GLSL shader editor.
Write/share fragment shaders in-browser. Good for learning, experimenting, or just browsing magic.
Dystopian UI experiments.
Interesting/entertaining collection of subvsersive UI designs by Soren Iverson.
Schema-first TypeScript ORM.
Define schema, generate a type-safe client, then build without SQL. Heavier than Drizzle but better for DX.
Desktop apps using web frameworks and Rust.
Electron but without shipping a full browser. Way smaller, cross-platform, and better native access.
Categorised directory of OSINT tools.
Web-based sorted list of various OSINT tools. Decent reference for seeing what's out there.
Performant, flexible, static site framework.
Ships zero JS by default, and supports mix-and-match of any other framework. Very strong middle ground between 11ty and a full framework.
Directory of headless CMS options.
List of CMS tools by type, language, and licence. Good overview of the options.
Curated competitive-programming resource.
Competitive programming resources targeted at USACO, but good as a general foundation.
AI-driven Green Screen Keys.
Neural-network driven alpha keying tool handling motion and transparency, and unmixing fore/background.
Gaussian splatting / neural radiance field reconstruction tool.
Local photogrammetry using gaussian splats to reconstruct 3D scenes from images.
Automatic UI Skeletons.
Skeleton components automatically generated from snapshots of the actual DOM elements. Doesn't seem perfect, but pretty interesting.
(Reference) Digital Studio.
Some very very impressive creative work on their portfolio, great inspiration/reference for experimental bits.
Generate template .gitignore files.
Super fast tailored .gitignore templates for various languages/frameworks
Global wireless network map.
Global crowdsourced database of Wi-Fi networks and cellular towers.
Aesthetic code screenshots.
Generate aesthetic shareable images of code snippets.
Interactive regex debugger.
Live regex testing environment with explanations plus useful tidbits.
Creative coding environment.
Java-based creative coding platform, good for learning/prototyping/visualisation.