PHASE 01
Search by behavior, not buzzwords.
Filter the catalog by interaction, visual system, dependency, or the problem you are solving.
8 systems / 1000 components / instant previewOpen discover mode Lab transmission 08.081000 specimens indexedAll systems nominal
A living interface laboratory
Build interfaces
with gravity.
A growing universe of production-ready components, strange interactions, complete page systems, and the tools to make them yours.
- published experiments
- 1,000
- interactive specimens
- 935
- complete templates
- 71
New visual systems
Choose your physics.
Not another stack of lookalike cards. Explore interface families with their own motion, depth, material, and response.
WORLD 01
Gravity
Depth that responds to intent
Enter worldWORLD 02
Chromatic
Color with a pulse
Enter worldWORLD 03
Orbital
Controls with spatial memory
Enter worldWORLD 04
Holographic
Layers that catch the light
Enter worldWORLD 05
Plasma
Energy as feedback
Enter worldWORLD 06
Kinetic
Interfaces built to move
Enter worldFresh specimens
Made to be touched.
Every experiment opens with a live preview, editable source, and its own field notes.
See all 1000 STABLEEXP-041
Cinematic product reveal
Cinematic product hero
Introduces a flagship product through selectable visual chapters, proof points, and one focused CTA.
herocinematic
STABLEEXP-042
Generative headline field
Generative type hero
Builds an expressive headline from user-selectable verbs and visual texture modes.
herotypography
STABLEEXP-043
Particle constellation
Particle checkbox cluster
Presents multi-select filters whose selected nodes connect into a small constellation.
checkboxgroup
STABLEEXP-044
Quantum interference
Quantum ripple button
Launches one action through concentric interference rings that originate at the activation point.
actionbutton
STABLEEXP-045
Vortex loader
Vortex loading indicator
Communicates indeterminate processing through layered rotating arcs and a stable textual label.
loadervortex
STABLEEXP-046
Fractured crystal
Crystal shatter button
Splits a crystalline face into contained facets when the action completes.
actionbutton
The experiment loop
From strange idea to clean files.
Explore freely, test visually, then take only the code you need. The laboratory is a workflow, not a dependency.
PHASE 02
Change the formula while it is alive.
Tune color, radius, spacing, type, and effects in the inspector without losing clean source code.
Visible tokens / undo history / contrast checksOpen mutate mode PHASE 03
Turn specimens into a real page.
Arrange compatible components on a shared canvas and replace any section without rebuilding the system.
Page canvas / shared tokens / replaceable sectionsOpen compose mode PHASE 04
Leave with files, not lock-in.
Copy one component or download a complete bundle of readable HTML, CSS, and JavaScript.
No framework required / scoped CSS / portable filesOpen ship mode Complete page systems
Skip the blank canvas.
Start with a complete multi-page direction. Replace sections, change the tokens, and keep the structure.
Browse 71 templatesPortfolio
Developer Portfolio
A focused developer portfolio with an expressive introduction, credible work samples, and a clear contact path.
3 pages5 components
SaaS
AI Product Launch
A proof-led launch site for an AI product with workflow demos, integrations, security, pricing, and conversion.
4 pages8 components
Application
Operations Dashboard
A responsive operations workspace for scanning metrics, reviewing records, following activity, and acting on updates.
2 pages6 components
The library, quantified
Big enough to get lost.
Organized enough not to.
- 01 / published experiments
- 1,000
- 02 / interactive specimens
- 935
- 03 / complete templates
- 71
- 04 / field guides
- 56
- 05 / dark-mode ready
- 1,000
- 06 / curated collections
- 17
Field notes
Know why it works.
Practical notes on accessibility, CSS architecture, performance, and interaction.
Open the notebookNOTE / 019 min
Semantic HTML page structure: a practical frontend blueprint
Build a clear HTML document outline with landmarks, headings, navigation, and content regions that work for people and search engines.
Read field note NOTE / 028 minButton or link? Choose the correct HTML control
Learn when an interface action needs a button, when navigation needs a link, and how the choice affects keyboards, semantics, and UX.
Read field note NOTE / 038 minDesign accessible focus states that look intentional
Create visible, attractive keyboard focus styles with focus-visible, reliable contrast, offset rings, and component-level testing.
Read field noteYour next experiment is waiting
Make something
developers remember.
Start with one production-ready component. Mutate it, combine it, and ship it as your own.
Readable source Portable files No lock-in