Starter Primitives
4 itemsA practical starting set for teams building buttons, fields, filters, and compact action patterns.
Open collectionThis area is structured like a reference index. Navigation lives in the left sidebar, while the center panel stays focused on preview, code, and implementation notes.
Small building blocks such as buttons, inputs, and lightweight dropdown patterns.
High-signal button styles for primary, secondary, and supporting actions.
Input field patterns that are easy to reuse across product surfaces.
Compact menu and trigger patterns for selection and lightweight filtering.
Reusable UI compositions such as cards, forms, navbars, and modal patterns.
Card layouts for information surfaces, stats, and supporting callouts.
Chart patterns for dashboards, reports, and lightweight analytics surfaces.
Form compositions for auth, contact, and focused data-entry flows.
Modal patterns for confirmation flows, warnings, and quick actions.
Navigation bars for product surfaces, docs experiences, and internal tools.
Page-level layout slices such as hero sections, auth surfaces, and dashboard blocks.
These editor-picked routes help teams enter the library from a real use case rather than from taxonomy alone.
A practical starting set for teams building buttons, fields, filters, and compact action patterns.
Open collectionReference patterns that help documentation products feel navigable, searchable, and structured.
Open collectionA launch-ready mix of hero, pricing, testimonial, and signup patterns for marketing-facing pages.
Open collectionThese references are currently the strongest examples for validating the browsing and documentation flow.
High-emphasis action button with a rounded shape and clear hover feedback.
A utilitarian input field for search entry points inside the library.
A card surface for displaying a short metric with strong information hierarchy.
A compact area chart pattern for showing revenue movement across weekly or monthly ranges.
A docs-oriented navbar that balances product identity, search, and top-level navigation links.
A marketing navbar with a centered link cluster and balanced actions for product landing pages.