Base UI and StyleX components built to one design system: forms, overlays, data tables, charts and AI chat.
Usage snippets from the Dropdown Menu docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/dropdown-menu/index.md
An empty state with media, a title, a description and actions.
Usage snippets from the Empty docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/empty/index.md
Lays out a control with its label, description and error, and links them.
Usage snippets from the Field docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/field/index.md
A heading whose rank and size are set apart, on the heading scale.
Usage snippets from the Heading docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/heading/index.md
A popover that previews a link while the pointer rests on it.
Usage snippets from the Hover Card docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/hover-card/index.md
A single-line text box that links to its Field.
Usage snippets from the Input docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/input/index.md
Icons, text, keys and buttons set inside an input or textarea's box.
Usage snippets from the Input 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/input-group/index.md
A row with media, a title, a description and actions, alone or in a list.
Usage snippets from the Item docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/item/index.md
A small keycap for a shortcut, in text, buttons and tooltips.
Usage snippets from the Kbd docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/kbd/index.md
Names a control, in the same voice for every field.
Usage snippets from the Label docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/label/index.md
A link inside running text, underlined.
Usage snippets from the Link docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/link/index.md
An answer's markdown: prose, lists, quotes, tables and code blocks with a copy button.
Usage snippets from the Markdown docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/markdown/index.md
A note in a conversation: a status, a system line, or a labeled break.
Usage snippets from the Marker docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/marker/index.md
A user's message in a bubble, or an answer as the page, with an actions row.
Usage snippets from the Message docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/message/index.md
Scrolls a conversation, sticking to the newest message, on shadcn's message-scroller.
Usage snippets from the Message Scroller docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/message-scroller/index.md
A bar or an icon-sized ring for a measurement against a limit, like usage against a quota.
Usage snippets from the Meter docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/meter/index.md
A searchable list of models in a popover, with the highlighted model's details beside it.
Usage snippets from the Model Picker docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/model-picker/index.md
Rich content in a floating panel, opened from a button, with a header and room for a form.
Usage snippets from the Popover docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/popover/index.md
A bar for how far along a task is, with an optional label and value.
Usage snippets from the Progress docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/progress/index.md
The chat composer on an input group: grows with its text, submits on Enter, turns into Stop while streaming, and opens a command list over itself.
Usage snippets from the Prompt Input docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/prompt-input/index.md
Questions asked one at a time, with choices, a freeform answer and skips, on shadcn's questionnaire.
Usage snippets from the Questionnaire docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/questionnaire/index.md
Picks one option out of a few, beside labels, with descriptions or as cards.
Usage snippets from the Radio 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/radio-group/index.md
A scrolling region with an overlay scrollbar that shows while in use.
Usage snippets from the Scroll Area docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/scroll-area/index.md
Fades a scroller's edges while there's more content past them.
Usage snippets from the Scroll Fade docs, one file per section. Read them; don't add them: they aren't standalone modules. Full page: https://constella.aayush.cv/docs/components/scroll-fade/index.md
One pick among a few, marked by a pill that slides to it.