Components and blocks for building modern dashboards, straight from the design system behind Notra.
The dim italic summary Codex shows while it reasons.
The Codex window: a title bar, a scrolling transcript and a pinned footer for the prompt.
The shimmering Working (13s • esc to interrupt) status line.
The chat composer from the Notra dashboard: a muted tray around the input card, with queued messages and attachments as chips. Built on the Notra Button and Tooltip and the shadcn Textarea.
A Base UI menu with Depth surfaces, squircle corners, submenus, checkbox and radio items.
A full recreation of the Gemini chat built from the Gemini components on shadcn Base UI.
Feedback, share, copy and more buttons built on shadcn Button and Tooltip.
Gemini's pill input with a model picker and a morphing send button.
Gemini's user pill and bubble-less assistant turn.
The Gemini model chip and menu built on shadcn DropdownMenu.
An inline source pill with a hover card.
Gemini's three-dot mark that bounces and folds into a triangle.
The animated Gemini sparkle with a shimmering status label.
The "Show thinking" step with thoughts and searches.
A full recreation of Google's AI Overview built from the AI Overview components on shadcn Base UI.
A segmented tab selector where only the active tab shows its icon, sliding in beside the label. Built on the Base UI Tabs.
Track the listicles AI answers cite and pitch their owners, with stats, a prospect table, a detail sheet and an email modal.
The gradient marketing buttons from the Notra landing page, built on the Base UI Button.
A recreation of an OpenCode terminal session with a transcript, the prompt and the sidebar.
Orange thoughts with a live Thinking spinner, plus muted read, web search and tool lines.
The prompt panel with agent, model, provider and effort, over a status row with the busy scanner, context and shortcuts.
The block-letter OpenCode wordmark drawn on a cell grid and themed with tokens.
User prompts on a blue-ruled panel and indented assistant replies with OpenCode's markdown colors.
Session title, context usage, a collapsible MCP list, LSP state, cwd with branch and version.
Web search lines and a collapsible cited-sources list with an optional sequenced reveal.
The blue square, agent, model and duration line that closes an assistant turn.
The OpenCode terminal surface that sets the background, monospace font and line grid.
A modal that drafts, rewrites and previews a pitch to a listicle owner, with template variables.
A side sheet with why a listicle matters, who's on it, the owner and the email sequence.
Listicles that AI answers cite, with engines, competitors, domain rating and outreach status.
A timeline of the emails in a follow-up sequence.
A row of outreach metrics.
A full recreation of a Perplexity thread with search steps, citations, sources sheet, composer and a replayable playback, built on shadcn Base UI.
The answer action bar with share, copy, rewrite, feedback and a sources button, built on shadcn Button and Tooltip.
An inline source pill with favicon, label and +N count, built on shadcn Badge.
The follow-up input with Search/Research focus menu, model selector, voice and send/stop buttons.
A site favicon on shadcn Avatar with a gray fallback.
User pill and assistant answer turn with search and action slots.
Grayscale provider logos for the model list.
The Model chip and its provider list with Max/New badges and locks, built on shadcn DropdownMenu.
The mode and model list with a Rewrite button.
The globe search step with queries, source rows and a +N more expander, built on shadcn Collapsible.
Stacked favicons and the source count next to the answer actions.
The shimmering Thinking... status shown before a search.
The time, edit and copy controls beside a user message.
A Base UI select with a Depth button trigger and a scrollable popup below it.
A light sweep across text for thinking and loading states.
The shadcn sidebar on Base UI with a fading icon rail, a resizable rail, collapsible sub-rows and gliding Notra tooltips.