The explorer for the shadcn registry ecosystem.
[Shadcnship] Blog section with post cards featuring cover images, category badges, titles, excerpts, and author info. Use it on content sites or product blogs to display articles in a clean, scannable grid layout.
[Shadcnship] Timeline-style changelog listing product updates with version numbers, release dates, and descriptions. Use it on product or documentation sites to communicate release history and build trust with power users.
[Shadcnship] Product comparison table with images, specification rows, and checkmark/cross value indicators. Use it on product or pricing pages to help users make confident purchase decisions by clearly highlighting key differences.
[Shadcnship] Contact section with a card-wrapped form (name, email, message) alongside company contact information. Use it on contact or about pages to give visitors a direct, professional way to reach your team.
[Shadcnship] A pro contact form with split layout, tour select, image slot, and contact info strip
[Shadcnship] A floating cookie consent card with accept button and learn more link
[Shadcnship] Horizontal call-to-action section with a heading, description, and primary/secondary CTA buttons. Use it at the end of landing page sections to nudge visitors toward sign-up or purchase at the right moment.
[Shadcnship] CTA card with an app or device mockup image, headline, and action button. Use it to close a landing page with a visually driven conversion prompt that showcases your product in context.
[Shadcnship] Newsletter subscription CTA with an email input and a submit button. Use it to capture leads directly within your content by embedding a low-friction email signup anywhere on the page.
[Shadcnship] Centered CTA card with a subtle grid background, bold headline, description, and action button. Use it as a section-closing block that re-engages visitors who scrolled past earlier conversion points.
[Shadcnship] A centered CTA with a fanned stack of rotated photos, badge, contrast title, and pill button
[Shadcnship] Sales analytics dashboard with revenue KPI cards, interactive bar charts, and a recent orders table. Use it as a starting point for admin panels, analytics views, or any SaaS backend interface.
[Shadcnship] Paginated data table with global search and sortable columns. Two modes: pass a data array for client-side rendering, or a Supabase table name for server-side pagination. Supports text, date, badge, tags, and status cell types.
[Shadcnship] Single-column accordion FAQ section with expandable question and answer items. Use it on landing pages, pricing pages, or support sections to address common objections and reduce incoming support requests.
[Shadcnship] Two-column accordion FAQ grid for displaying a larger set of questions side by side. Use it when you have ten or more questions and want to keep the FAQ section compact and well-organized.
[Shadcnship] Three-column feature grid displaying product benefits as icon cards with titles and descriptions. Use it to quickly communicate your product's key capabilities anywhere on a SaaS or marketing landing page.
[Shadcnship] Two-column image grid showcasing product features with visual screenshots and short descriptions. Use it to let your interface speak for itself while giving context for each feature shown.
[Shadcnship] Three-column icon card grid for listing product features with icons, titles, and short descriptions. Use it as a lightweight, fast-loading feature showcase section that stays scannable on any screen size.
[Shadcnship] Interactive accordion feature section where clicking each item reveals a corresponding product screenshot. Use it to keep the section compact while letting users explore features at their own pace.
[Shadcnship] Four-step process section with numbered badges, step titles, descriptions, and an optional screenshot. Use it to explain how your product works, step by step, on landing and onboarding pages.
[Shadcnship] Full-width video player section with a poster image and an animated play button overlay. Use it on landing pages to embed a product demo or explainer video where showing beats telling.
[Shadcnship] A bento-style feature grid with a large featured card and icon-based feature cards
[Shadcnship] An integrations grid with icon cards in a 3x2 layout and social proof ratings
[Shadcnship] A feature section with a split left-aligned header and two large image cards with text below
[Shadcnship] A feature section with a large clickable title list on the left and an image with description on the right that updates on selection
[Shadcnship] A how-it-works section with a 3-card carousel, progress tab bar, and active step details
[Shadcnship] A how-it-works section with centered header and a 2-column grid of image cards
[Shadcnship] A centered feature section with badge, phone mockup on a dot pattern background, and highlighted description
[Shadcnship] A two-column feature section with labels, titles, learn-more links, and visual cards below
[Shadcnship] An alternating 2-column feature grid with thin borders, text and illustration cells, and category tags
[Shadcnship] A dark case-studies section with gradient title, white cards with category labels and plus buttons, and a view-all link
[Shadcnship] An editorial split section with large title, two compared image panels, circular arrow button, and footer bar
[Shadcnship] A 3-card feature section with decorative UI mockups (form, call, pricing) and split header
[Shadcnship] Multi-column footer with company branding, grouped navigation links, and social media icons. Use it on every page of your site to provide consistent navigation, important links, and legal information at the bottom.
[Shadcnship] Two-column hero section with an announcement badge, headline, subtitle, and primary/secondary CTA buttons. Place it as the first section of your landing page to immediately communicate your product value and drive sign-ups.
[Shadcnship] Centered hero section with a grid background, headline, CTA buttons, and a featured product screenshot. Use it above the fold on app or SaaS landing pages to visually showcase your product and guide visitors toward action.
[Shadcnship] Two-column hero with star rating social proof, key statistics card, and call-to-action buttons. Use it when you need to build immediate trust and highlight traction metrics on SaaS or agency landing pages.
[Shadcnship] A centered hero with multi-image cards below at varying heights
[Shadcnship] Minimal full-screen centered hero with headline, subtitle, and CTA buttons on a clean background. Use it as a distraction-free entry point for products that rely on strong copy rather than visuals.
[Shadcnship] A full-screen centered hero with background image, announcement badge, and CTA buttons
[Shadcnship] A before/after image slider — drag the divider to compare both sides in real time
[Shadcnship] Dark-themed integration showcase with a curved connection path drawn between tool logos. Use it on landing pages to visually communicate how your product fits into your users' existing toolchain.
[Shadcnship] Split-screen login page with a gradient background on one side and an email/password form with OAuth buttons on the other. Use it as a drop-in authentication page when you need a polished login experience fast.
[Shadcnship] Full-stack split-screen auth page with Supabase email/password login and OAuth provider support. Use it as a complete, ready-to-ship login page when your backend is powered by Supabase Auth.
[Shadcnship] Logo cloud section with two infinite scrolling marquee rows showcasing partner or customer logos. Use it immediately after your hero section to build trust through brand association with recognized names.
[Shadcnship] Client logo grid with clickable industry and technology category filters and featured logo cards. Use it on portfolio or case study pages to showcase logos while allowing visitors to filter by what matters to them.
[Shadcnship] Responsive navbar with dropdown navigation menus on desktop and an accordion-based mobile menu. Use it as your site-wide header to provide clear, accessible navigation across all screen sizes and devices.
[Shadcnship] A responsive navbar with mega menu, grouped columns, featured panel, and mobile accordion