22 detailed product mockups — from mobile devices and desktop environments to SaaS dashboards and creative tools. Each is built with pure HTML & CSS and exportable as standalone code.
Filter by type, scan the stage preview, and copy the mockup when you find a direction worth exploring further.
setCount(0).The best way to learn something is to teach it. As I build out the Concept Library, I'm learning how to think about visual concepts as composable, reusable units instead of one-off illustrations.
A concept is the smallest unit that still carries meaning. Background animations are a kind of concept; so are UI mockups, knowledge graphs, and slide patterns. The library treats them all the same way — give it a name, give it a type, give it a copy-paste path out.
Building things in public is the cheat code for retention.
#thinking #building-in-public
A growing playbook for building things in public. Every concept is a self-contained unit you can lift, remix, or send to someone else.
Each section is its own dedicated page so the chrome stays focused. The hub acts as a cover sheet — pick a section, the section's filter bar narrows what's visible, every card has a one-click copy path out.
A curated collection of visual concepts — background animations, UI mockups, slide decks, and knowledge graphs — each as a self-contained, copy-pasteable HTML unit.
Browse live at concept-library.dev or clone the repo and open index.html.
14 self-contained mockups — each one a pixel-faithful recreation of a real interface. Filter by type, copy as standalone HTML, or export as an LLM prompt.
Every mockup uses scoped CSS class prefixes so multiple can coexist on the same page without conflicts.