The explorer for the shadcn registry ecosystem.
[Cuelark UI] Small, medium, large and disabled.
[Cuelark UI] Labeled settings separated by dashed rules.
[Cuelark UI] Semantic tables with mono numerals, zebra rows and a sticky header.
[Cuelark UI] Status badges, numeric columns and a footer total.
[Cuelark UI] Segmented and underline tabs with a gliding active indicator.
[Cuelark UI] A full-width segmented control.
[Cuelark UI] An underline indicator that follows the label width.
[Cuelark UI] Type tags into one field, with suggestions, paste and keyboard removal.
[Cuelark UI] Suggestions, paste and keyboard removal.
[Cuelark UI] A to-do list the agent works through, with progress.
[Cuelark UI] Four items, one in progress.
[Cuelark UI] Streaming command output in a dark console.
[Cuelark UI] A test run streaming.
[Cuelark UI] Pass/fail summary with failing assertions inline.
[Cuelark UI] Two suites with one failure.
[Cuelark UI] Multi-line input that auto-grows, with a live character counter.
[Cuelark UI] Grows with the text and counts toward a limit.
[Cuelark UI] GSAP SplitText reveals by character, word or line.
[Cuelark UI] Chars rising and words blurring in.
[Cuelark UI] A light sweeping through muted text: the "working" status.
[Cuelark UI] Two status lines.
[Cuelark UI] Design tokens and utilities every Cuelark component uses: colors, density, shadows, crop marks, dashed rules, labels and kbd.
[Cuelark UI] Paper with violet, editorial type, generous corners. Light and dark mode. Font: Instrument Sans.
[Cuelark UI] Warm paper, clay buttons, generous corners. Light and dark mode. Font: Instrument Sans. Claude's interface uses a commercial face; Instrument Sans is the closest open alternative.
[Cuelark UI] Cool mist, vivid cobalt buttons, crop marks. Light and dark mode. Font: Inter.
[Cuelark UI] Hairline borders, quiet greys, one indigo accent. The default. Light and dark mode. Font: Inter, the face Linear uses, at weights 510 and 590.
[Cuelark UI] Pure neutral, ink accents, Geist. Quiet and exact. Light and dark mode. Font: Geist.
[Cuelark UI] Warm ink on white, Notion blue, calm and readable. Light and dark mode. Font: IBM Plex Sans. Notion uses the system UI face; Plex keeps the same calm, readable feel everywhere.
[Cuelark UI] Warm paper, ink buttons and a chartreuse signal. Light and dark mode. Font: Inter.
[Cuelark UI] Navy ink on cool white, blurple buttons, soft blue shadows. Light and dark mode. Font: Instrument Sans. Stripe uses Söhne, a commercial face; Instrument Sans is the closest open alternative.
[Cuelark UI] Zinc, coral buttons, soft SaaS type, roomy. Light and dark mode. Font: Plus Jakarta Sans.
[Cuelark UI] Neutral greys with Supabase green buttons. Light and dark mode. Font: Inter. Supabase uses Circular, a commercial face; Inter is a close, neutral open alternative.
[Cuelark UI] Square corners, compact, mint signal, Space Grotesk. Light and dark mode. Font: Space Grotesk.
[Cuelark UI] Black and white, Geist, tight corners, blue only for focus. Light and dark mode. Font: Geist, Vercel's own open-source face.
[Cuelark UI] A 3D card that tilts toward the pointer with a moving glare.
[Cuelark UI] A card with a glare.
[Cuelark UI] Timelines whose rail draws itself as you scroll.
[Cuelark UI] Releases with version badges.
[Cuelark UI] Toast notifications with a pausable countdown and promise states.
[Cuelark UI] Default, success, error and a promise toast.
[Cuelark UI] Two-state buttons that sink in when on and ping on press.
[Cuelark UI] Icon toggles and a labelled outline toggle.
[Cuelark UI] Segmented controls with a gliding chip, plus outline and ghost groups.
[Cuelark UI] A range picker, alignment and formatting groups.
[Cuelark UI] A tool call: name, live status, timing, parameters and result.
[Cuelark UI] Success, running and error states.
[Cuelark UI] Inverted tooltips with keyboard shortcut hints and arrows.
[Cuelark UI] Icon buttons whose tooltips show shortcuts.