Base UI and StyleX components built to one design system: forms, overlays, data tables, charts and AI chat.
Usage snippets from the Segmented Control docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/segmented-control/index.md
Picks one option from a list, on an input's surface, with groups and scrolling.
Usage snippets from the Select docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/select/index.md
A hairline that divides content, across or down.
Usage snippets from the Separator docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/separator/index.md
A dialog laid out as a nav beside a page, for settings with several pages.
Usage snippets from the Settings Dialog docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/settings-dialog/index.md
A dialog that slides in from an edge, for side panels on narrow screens.
Usage snippets from the Sheet docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/sheet/index.md
A slow sweep of light across text still being worked on.
Usage snippets from the Shimmer docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/shimmer/index.md
App navigation beside the page that collapses to icons or out of view, and opens as a sheet on narrow screens.
Usage snippets from the Sidebar docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/sidebar/index.md
A full-height, non-modal panel that opens beside the page, for details, a form or anything else.
Usage snippets from the Side Panel docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/side-panel/index.md
A pulsing placeholder for content still loading.
Usage snippets from the Skeleton docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/skeleton/index.md
A thin track and a solid thumb, with its label and value above.
Usage snippets from the Slider docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/slider/index.md
A thin, unhurried arc that says something is working.
Usage snippets from the Spinner docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/spinner/index.md
Starter prompts as a scrolling row of pills, for an empty chat.
Usage snippets from the Suggestions docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/suggestions/index.md
Cross-fades one icon into another in place.
Usage snippets from the Swap Icon docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/swap-icon/index.md
Morphs one label into another in place.
Usage snippets from the Swap Text docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/swap-text/index.md
Turns a setting on or off, in two sizes, beside a label or in a card.
Usage snippets from the Switch docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/switch/index.md
Rows of data with a header, footer and caption, divided by faint edges.
Usage snippets from the Table docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/table/index.md
Views of the same content, with an indicator that slides to the active tab.
Usage snippets from the Tabs docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/tabs/index.md
Body copy on the type scale, in three sizes.
A multi-line text box that grows with its content and links to its Field.
Usage snippets from the Textarea docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/textarea/index.md
Usage snippets from the Text docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/text/index.md
Quiet notifications that stack, follow a promise and swipe away.
Usage snippets from the Toast docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/toast/index.md
A button that stays pressed, filling while on.
Usage snippets from the Toggle docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/toggle/index.md
Toggles that sit apart or join into one row.
Usage snippets from the Toggle Group docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/toggle-group/index.md
A small inverted label that names what's under the pointer.
Usage snippets from the Tooltip docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/tooltip/index.md
The steps an agent takes, on one rail, each with a status, what it acted on and what it found.
Usage snippets from the Trace docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/trace/index.md