The explorer for the shadcn registry ecosystem.
[Tactile UI] Object. A liquid-damped compass. The card swings past the mark and settles while a lit display reads the bearing. Your hand turns the knurled bezel, one click a degree.
[Tactile UI] Block. An FAQ as a card-index drawer. Each question is typed along a card’s edge with its subject on a staggered tab; pull one and it lifts out to show the answer. An accordion underneath.
[Tactile UI] Block. A footer made as the bottom panel of a device. Printed columns of links, a status window with a real lamp, a changelog key, an Aluminium / Graphite switch for the whole page, the build number stamped in.
[Tactile UI] Object. A mechanical drum counter. A digit moves only while the one to its right carries, so 1,099 to 1,100 rolls three drums over together. Not a number that fades into another.
[Tactile UI] Object. A pendant lamp that is a switch. Pull the acorn: the detent resists and snaps, and the filament warms from dull red to white while the lamp sways. It can switch the whole page’s finish.
[Clerk] A multistep onboarding flow using Clerk's prebuilt <SignIn> component with embedded session tasks.
[Clerk] The <ClerkProvider> component is required to integrate Clerk into your React application, providing session and user context to Clerk's hooks and components.
[Clerk] A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks with animated step transitions.
[Clerk] A header component with Clerk authentication buttons and user button.
[Clerk] A root layout component with Clerk provider, theme provider, and header.
[Clerk] The clerkMiddleware() helper integrates Clerk authentication into your Next.js application through Proxy. clerkMiddleware() is compatible with both the App and Pages routers.
[Clerk] A quickstart for Next.js App Router with Clerk authentication.
[Clerk] A minimal Clerk quickstart for Next.js App Router with a single combined sign-in-or-up page (no separate sign-up route).
[Clerk] A sign in page for Next.js App Router with Clerk authentication.
[Clerk] A sign up page for Next.js App Router with Clerk authentication.
[Clerk] A theme provider component using next-themes for dark mode support.
[Clerk] A waitlist page for Next.js App Router with Clerk authentication.
[cnippet-ui]
[cnippet-ui]
[cnippet-ui]
[cnippet-ui] Smooth spring-based number interpolation
[cnippet-ui] Time series with event markers, target lines and shaded periods
[cnippet-ui] Data-driven area chart: default, stacked or percent, with gradient, solid or no fill
[cnippet-ui]
[cnippet-ui]
[cnippet-ui]
[cnippet-ui]
[cnippet-ui] Data-driven bar chart: columns or horizontal bars, grouped, stacked or percent, with value labels
[cnippet-ui] Ranked horizontal bars with a name and value per row; rows can be links or buttons
[cnippet-ui] Quartiles and range per group, from raw values or precomputed stats
[cnippet-ui]
[cnippet-ui] Characters scale and opacity pulse in a wave pattern using variable fonts
[cnippet-ui] Area or line chart with a brush underneath to zoom and pan a long series
[cnippet-ui] Compact bar comparing a value with a target over qualitative ranges
[cnippet-ui]
[cnippet-ui]
[cnippet-ui] Days laid out in week columns and shaded by value, like a contribution graph
[cnippet-ui] Open, high, low and close candles with optional volume bars
[cnippet-ui] Deploy markers — error rate with deploy, rollback and SLO
[cnippet-ui] Campaign periods — shaded launch and webinar weeks
[cnippet-ui] Incident — latency with an incident window and SLA
[cnippet-ui] Text filled with flowing colored lines drawn on a canvas
[cnippet-ui]
[cnippet-ui] Visitors — desktop vs mobile with gradient fill
[cnippet-ui] MRR by plan — stacked areas with a total tooltip
[cnippet-ui] Traffic mix — percent-stacked share of sessions by channel
[cnippet-ui] Provisioned storage — step curve for values that jump
[cnippet-ui]