About the lab
A pattern lab anyone can contribute to.
What this is
A community pattern lab. Designs, libraries, animations, fonts, palettes, and techniques — anything worth bookmarking on someone else's site, here together, attributed, with the schema enforced.
Every entry is a JSON file in /entries/<category>/<slug>.json, validated against a zod schema at build time. A pull request is mostly a new JSON file plus a folder of static assets. Bad data fails CI; good taste is the only thing reviewers actually discuss.
Origin
Seeded in May 2026 with thirty self-contained design directions for one fictional personal site, written by udaysinh as a private way to decide what to ship. The collection turned out to be more useful as a public reference than as a personal mood-board, so it opened up. From there, anyone can add — and the rate of growth is whatever contributors decide.
Framework-agnostic
The shell is Next.js, but the entries are not. Bring any framework. A React, Vue, Svelte, Solid, or Astro author runs their own bun run build, drops the static output into the prototype folder, and we iframe it like everything else. The lab doesn't host framework runtimes; it hosts your finished output. That means a Svelte 5 demo, a React Server Components page, and a vanilla HTML/CSS direction all live side by side without arguing.
What this is for
- Stealing details. Each entry exposes both the live thing and the technique behind it, with snippets you can paste into a real build.
- Credit where it's due. Every entry names its contributor. If you ship to the lab, your handle, avatar, and links travel with your work.
- A reference, not a portfolio. Entries don't have to use the founding fictional content; bring whatever fits your direction.
What this is not
- Not a unified design system. No prototype shares CSS with another. Each is committed to its own world.
- Not a framework demo. The shell uses Next.js for routing and metadata. The entries are whatever their authors chose.
- Not a leaderboard. No upvotes, no rankings. The taste is the point, not the score.
- Not capped. The collection grows daily. Anyone can add an entry.
License & credit
Everything in this repository is MIT-licensed unless an entry declares otherwise. If a snippet or pattern is useful to you, take it. Attribution is appreciated but not required. If you ship something built on top of an entry, the lab would love to see it — open an issue and we'll link to it.