The explorer for the shadcn registry ecosystem.
[Shadcnship] Three-column pricing table with a monthly/yearly billing toggle, a highlighted recommended plan, and feature lists. Use it on dedicated pricing pages to help users choose the right plan and increase conversion.
[Shadcnship] Side-by-side pricing comparison table with feature rows and checkmark/cross indicators. Use it when your plans share many features and you want to make the differences crystal clear for potential buyers.
[Shadcnship] Three-column pricing section with a tabbed billing toggle, feature lists with separators, and CTA buttons. Use it as an alternative pricing layout when you want to visually emphasize the most popular plan.
[Shadcnship] Three-column pricing section with a highlighted popular plan featuring a dark gradient background, monthly/yearly billing toggle with a green indicator, and custom price display. Use it for SaaS products that want to visually differentiate the recommended plan.
[Shadcnship] Connected pricing section that fetches products and prices live from the Stripe API and renders them as cards. Each card shows the plan name, description, amount, and a checkout button that creates a Stripe Checkout session.
[Shadcnship] Centered registration card with full name, email, and password fields, including client-side validation. Use it as a clean sign-up page for any web application that requires user account creation.
[Shadcnship] Collection of SVG social media brand icons (GitHub, Google, Twitter/X, LinkedIn, and more) as composable React components. Use them in login forms, footers, navbars, or any UI that references external social platforms.
[Shadcnship] Stats section displaying key product or business metrics in individual icon cards with labels. Use it to quantify your impact on landing pages and give visitors concrete, trust-building numbers.
[Shadcnship] Horizontal stats section with large numbers and labels separated by dividers. Use it as a compact, eye-catching metrics strip that fits naturally between any two sections on a landing page.
[Shadcnship] A bento-grid stats section mixing images and metric cards
[Shadcnship] A stats section with minimal navbar, large headline, and icons orbiting a center avatar
[Shadcnship] A split stats section with badge, title, CTA link, and avatars on the left and an asymmetric grid of metric cards on the right
[Shadcnship] A stats section in a rounded card with intro paragraph, dark hatched metric cards, and an outline pill button
[Shadcnship] Team section displaying members in cards with profile photos, names, job roles, and social links. Use it on about pages to humanize your brand and help visitors connect with the people behind your product.
[Shadcnship] Scrolling testimonial section with two animated marquee rows of customer review cards. Use it as a social proof belt on landing pages to continuously surface customer validation without requiring any user interaction.
[Shadcnship] Masonry grid wall-of-love section displaying multiple customer reviews in a varied layout. Use it on marketing sites where you have rich social proof and want to display it in a visually engaging way.
[Shadcnship] A two-column testimonial carousel with prev/next navigation and portrait image cards
[Shadcnship] A testimonial gallery with a dominant featured landscape card and three narrow portrait brand cards
[Shadcnship] Waitlist signup section with an email capture form and social proof avatars showing subscriber count. Use it on coming-soon pages to build an audience before your product launches and validate demand early.
[Shadcnship] Waitlist section with a Supabase-connected email form that stores submissions directly to your database. Use it when your backend is Supabase and you want a zero-config waitlist with persistent storage out of the box.
[assistant-ui] Stacked headings that reveal or hide content sections.
[assistant-ui] A runtime task summary chip with an optional tray for every task in the thread.
[assistant-ui] Next.js route handler that streams chat completions through the AI SDK.
[assistant-ui] AI SDK route handlers with resumable stream context, so a run survives a reload.
[assistant-ui] Floating chat bubble for support widgets and help desks, with a thread list and a resizable window.
[assistant-ui] Side panel chat for copilot experiences and inline assistance.
[assistant-ui] Attach files from the composer and view them inside messages.
[assistant-ui] Small label for status, categories, and metadata.
[assistant-ui] Assistant page wired to the AI SDK chat route, with the thread component installed.
[assistant-ui] Character triggered picker for @ mentions, / commands, and similar popovers.
[assistant-ui] Token usage against a model's context window as a ring, bar, or text, with a hover popover.
[assistant-ui] Runtime-backed thread rail: a tick per turn, the turn being read marked and the ones on screen deepened, a hover preview, and a click that scrolls there.
[assistant-ui] Render code diffs with highlighted additions and deletions.
[assistant-ui] Direction provider and hook for right to left layouts.
[assistant-ui] Render mention directives as inline chips in user messages.
[assistant-ui] 5x5 dot matrix indicator with state specific blink patterns.
[assistant-ui] A half-year of runs as a calendar of cells, dense where the work was.
[assistant-ui] Who you are about to talk to: its skills, its model, and the endpoint behind it.
[assistant-ui] Control passing between agents, with the reason and what came along.
[assistant-ui] A checklist the agent works through, with progress you can glance.
[assistant-ui] One pill that always answers: what is it doing, and for how long.
[assistant-ui] Human in the loop: the agent asks before it runs anything with side effects.
[assistant-ui] A generated document as a tangible object, written live and versioned.
[assistant-ui] Shared attachment status and preview state.
[assistant-ui] Work still going somewhere else, and the results waiting to be collected.
[assistant-ui] The thread steps aside and the document takes the room, still being written as you read.
[assistant-ui] Area, line, and bars, with points landing one at a time as the series streams in.
[assistant-ui] The whole family working together: a message, a pause, a streamed reply.