Introduction
Explore what browsers can do for input, narrative, and action while strengthening the reusable core that production apps import.
Fast Setup
Tailwind + Radix Primitives
Modular
Component-Driven Architecture
Documented
Automated Inventory Tracking
Explore at the edge, strengthen the core
This app is where we test new browser patterns, but showcased UI still composes proven library parts. If the experiment needs a missing primitive, build the primitive in the library before the pattern becomes a standard.
Explore
Try the browser affordance, input pattern, or story shape at the edge.
Promote
Move any reusable primitive into the correct @stackmates library first.
Compose
Build the final page from imports and blocks so the next team can reuse it.
Workflow Scenarios
How are you planning to contribute today? Choose a path below to see specific instructions.
I need to build a CRUD page
List, detail, create, and edit pages for any entity.
Find a pattern in the Blocks Gallery
Copy the React code into your local project
Replace mock data with your entity types
Connect to your database via Server Actions
I need to add a component
Import production-ready atoms and molecules into your app.
Browse stable components in the catalog
Import: import { Button } from '@stackmates/ui-interactive/atoms'
Check the Props Table for configuration
Use semantic tokens for custom styling
I need to explore an idea
Prototype and compare approaches before committing.
Create a new exploration in (explorations)
Experiment with new layout ideas
Share the URL for design alignment
Productionize once the vision is clear