Component Registry

610 components available

About Sections

18

Achievements

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__achievements.json

Animated Stats

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__animated-stats.json

Brand Values

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__brand-values.json

Company Culture

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__company-culture.json

Company Values

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__company-values.json

Diversity Inclusion

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__diversity-inclusion.json

Founders

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__founders.json

Mission Statement

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__mission-statement.json

Press Recognitions

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__press-recognitions.json

Process

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__process.json

Simple

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__simple.json

Stats Grid

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__stats-grid.json

Tabs

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__tabs.json

Team Grid

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__team-grid.json

Timeline

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__timeline.json

Two Column

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__two-column.json

Values

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__values.json

With Image

npx shadcn@latest add https://components-index.pages.dev/r/about-sections__with-image.json

Accordions

16

Border Fade Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__border-fade-accordion.json

Card Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__card-accordion.json

Dash Line Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__dash-line-accordion.json

Dotted Border Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__dotted-border-accordion.json

Double Border Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__double-border-accordion.json

Fade In Content Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__fade-in-content-accordion.json

Floating Label Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__floating-label-accordion.json

Glow Border Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__glow-border-accordion.json

Highlight Active Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__highlight-active-accordion.json

Minimal Line Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__minimal-line-accordion.json

Nested Border Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__nested-border-accordion.json

Numbered Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__numbered-accordion.json

Shadow Reveal Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__shadow-reveal-accordion.json

Stepped Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__stepped-accordion.json

Thick Side Border Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__thick-side-border-accordion.json

Underline Accordion

npx shadcn@latest add https://components-index.pages.dev/r/accordions__underline-accordion.json

Ai Prompt

1

Welcome Page

npx shadcn@latest add https://components-index.pages.dev/r/ai-prompt__welcome-page.json

Alerts

20

Accent Border Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__accent-border-alerts.json

All Sides Accent Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__all-sides-accent-alerts.json

Basic Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__basic-alerts.json

Bottom Accent Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__bottom-accent-alerts.json

Compact Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__compact-alerts.json

Dashed Border Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__dashed-border-alerts.json

Dismissible Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__dismissible-alerts.json

Dotted Border Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__dotted-border-alerts.json

Double Border Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__double-border-alerts.json

Elevated Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__elevated-alerts.json

Frosted Glass Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__frosted-glass-alerts.json

Glow Border Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__glow-border-alerts.json

Icon Only Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__icon-only-alerts.json

Inset Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__inset-alerts.json

Monospace Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__monospace-alerts.json

Outlined Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__outlined-alerts.json

Paper Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__paper-alerts.json

Pulse Border Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__pulse-border-alerts.json

Right Accent Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__right-accent-alerts.json

Top Accent Alerts

npx shadcn@latest add https://components-index.pages.dev/r/alerts__top-accent-alerts.json

Announcement Banners

6

Floating

npx shadcn@latest add https://components-index.pages.dev/r/announcement-banners__floating.json

Simple Centered

npx shadcn@latest add https://components-index.pages.dev/r/announcement-banners__simple-centered.json

With Action

npx shadcn@latest add https://components-index.pages.dev/r/announcement-banners__with-action.json

With Countdown

npx shadcn@latest add https://components-index.pages.dev/r/announcement-banners__with-countdown.json

With Image

npx shadcn@latest add https://components-index.pages.dev/r/announcement-banners__with-image.json

With Social Proof

npx shadcn@latest add https://components-index.pages.dev/r/announcement-banners__with-social-proof.json

Application Stats

6

Simple Cards

npx shadcn@latest add https://components-index.pages.dev/r/application-stats__simple-cards.json

With Badges

npx shadcn@latest add https://components-index.pages.dev/r/application-stats__with-badges.json

With Colored Icons

npx shadcn@latest add https://components-index.pages.dev/r/application-stats__with-colored-icons.json

With Description

npx shadcn@latest add https://components-index.pages.dev/r/application-stats__with-description.json

With Icons

npx shadcn@latest add https://components-index.pages.dev/r/application-stats__with-icons.json

With Progress

npx shadcn@latest add https://components-index.pages.dev/r/application-stats__with-progress.json

Badges

12

3d Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__3d-badge.json

Bounce Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__bounce-badge.json

Dot Indicator Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__dot-indicator-badge.json

Elevated Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__elevated-badge.json

Extra Large Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__extra-large-badge.json

Gradient Border Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__gradient-border-badge.json

Hover Scale Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__hover-scale-badge.json

Icon Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__icon-badge.json

Large Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__large-badge.json

Pulse Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__pulse-badge.json

Ribbon Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__ribbon-badge.json

Square Badge

npx shadcn@latest add https://components-index.pages.dev/r/badges__square-badge.json

Blog Sections

17

Author Spotlight

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__author-spotlight.json

Carousel

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__carousel.json

Case Study Showcase

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__case-study-showcase.json

Category Filter

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__category-filter.json

Compact List

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__compact-list.json

Expert Roundup

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__expert-roundup.json

Featured List

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__featured-list.json

Featured With Sidebar

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__featured-with-sidebar.json

Hero Focus

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__hero-focus.json

Interview Format

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__interview-format.json

Magazine Layout

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__magazine-layout.json

Minimal Blog

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__minimal-blog.json

Newsletter Blog

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__newsletter-blog.json

Podcast List

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__podcast-list.json

Simple Grid

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__simple-grid.json

Timeline Blog

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__timeline-blog.json

Video Blog

npx shadcn@latest add https://components-index.pages.dev/r/blog-sections__video-blog.json

Breadcrumbs

12

Background Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__background-breadcrumb.json

Bordered Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__bordered-breadcrumb.json

Card Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__card-breadcrumb.json

Compact Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__compact-breadcrumb.json

Dot Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__dot-breadcrumb.json

Icon Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__icon-breadcrumb.json

Numbered Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__numbered-breadcrumb.json

Pill Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__pill-breadcrumb.json

Progress Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__progress-breadcrumb.json

Slash Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__slash-breadcrumb.json

Sticky Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__sticky-breadcrumb.json

Timeline Breadcrumb

npx shadcn@latest add https://components-index.pages.dev/r/breadcrumbs__timeline-breadcrumb.json

Buttons

17

Border Animation Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__border-animation-buttons.json

Cut Corners Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__cut-corners-buttons.json

Extra Large Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__extra-large-buttons.json

Extra Small Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__extra-small-buttons.json

Grow Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__grow-buttons.json

Interactive Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__interactive-buttons.json

Liquid Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__liquid-buttons.json

Morphing Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__morphing-buttons.json

Pixel Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__pixel-buttons.json

Pulse Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__pulse-buttons.json

Rotate Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__rotate-buttons.json

Shadow Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__shadow-buttons.json

Skew Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__skew-buttons.json

Slide Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__slide-buttons.json

Social Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__social-buttons.json

Squeeze Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__squeeze-buttons.json

Underline Buttons

npx shadcn@latest add https://components-index.pages.dev/r/buttons__underline-buttons.json

Cards

22

Border Accent Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__border-accent-card.json

Border Animation Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__border-animation-card.json

Border Gradient Animation Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__border-gradient-animation-card.json

Border Highlight Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__border-highlight-card.json

Corner Ribbon Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__corner-ribbon-card.json

Cutout Border Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__cutout-border-card.json

Dashed Border Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__dashed-border-card.json

Double Border Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__double-border-card.json

Expandable Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__expandable-card.json

Gradient Border Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__gradient-border-card.json

Hover Effect Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__hover-effect-card.json

Hover Reveal Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__hover-reveal-card.json

Icon Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__icon-card.json

Magnetic Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__magnetic-card.json

Neon Border Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__neon-border-card.json

Perspective Hover Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__perspective-hover-card.json

Progress Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__progress-card.json

Pulse Border Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__pulse-border-card.json

Shimmer Effect Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__shimmer-effect-card.json

Stacked Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__stacked-card.json

Status Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__status-card.json

Tilt Effect Card

npx shadcn@latest add https://components-index.pages.dev/r/cards__tilt-effect-card.json

Careers

12

Application Form

npx shadcn@latest add https://components-index.pages.dev/r/careers__application-form.json

Career Path

npx shadcn@latest add https://components-index.pages.dev/r/careers__career-path.json

Company Benefits

npx shadcn@latest add https://components-index.pages.dev/r/careers__company-benefits.json

Department Positions

npx shadcn@latest add https://components-index.pages.dev/r/careers__department-positions.json

Department Showcase

npx shadcn@latest add https://components-index.pages.dev/r/careers__department-showcase.json

Employee Benefits

npx shadcn@latest add https://components-index.pages.dev/r/careers__employee-benefits.json

Featured Job Slider

npx shadcn@latest add https://components-index.pages.dev/r/careers__featured-job-slider.json

Interview Process

npx shadcn@latest add https://components-index.pages.dev/r/careers__interview-process.json

Job Board

npx shadcn@latest add https://components-index.pages.dev/r/careers__job-board.json

Job Details

npx shadcn@latest add https://components-index.pages.dev/r/careers__job-details.json

Job Listings

npx shadcn@latest add https://components-index.pages.dev/r/careers__job-listings.json

Workplace Culture

npx shadcn@latest add https://components-index.pages.dev/r/careers__workplace-culture.json

Category Filters

3

Filter Demo

npx shadcn@latest add https://components-index.pages.dev/r/category-filters__filter-demo.json

Filter Drawer

npx shadcn@latest add https://components-index.pages.dev/r/category-filters__filter-drawer.json

Horizontal Filters

npx shadcn@latest add https://components-index.pages.dev/r/category-filters__horizontal-filters.json

Category Preview

7

Carousel Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__carousel-preview.json

Expandable Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__expandable-preview.json

Grid Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__grid-preview.json

Magazine Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__magazine-preview.json

Scrolling Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__scrolling-preview.json

Split Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__split-preview.json

Three Column Preview

npx shadcn@latest add https://components-index.pages.dev/r/category-preview__three-column-preview.json

Changelogs

11

Basic Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__basic-changelog.json

Categorized Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__categorized-changelog.json

Compact Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__compact-changelog.json

Expandable Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__expandable-changelog.json

Grid Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__grid-changelog.json

Grouped Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__grouped-changelog.json

Interactive Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__interactive-changelog.json

Minimalist Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__minimalist-changelog.json

Tabbed Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__tabbed-changelog.json

Table Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__table-changelog.json

Timeline Changelog

npx shadcn@latest add https://components-index.pages.dev/r/changelogs__timeline-changelog.json

Collapsible

6

Card Collapsible

npx shadcn@latest add https://components-index.pages.dev/r/collapsible__card-collapsible.json

Grouped Collapsible

npx shadcn@latest add https://components-index.pages.dev/r/collapsible__grouped-collapsible.json

Icon Collapsible

npx shadcn@latest add https://components-index.pages.dev/r/collapsible__icon-collapsible.json

Shadowed Collapsible

npx shadcn@latest add https://components-index.pages.dev/r/collapsible__shadowed-collapsible.json

Side Bordered Collapsible

npx shadcn@latest add https://components-index.pages.dev/r/collapsible__side-bordered-collapsible.json

Stepped Collapsible

npx shadcn@latest add https://components-index.pages.dev/r/collapsible__stepped-collapsible.json

Contact Sections

3

Center Aligned

npx shadcn@latest add https://components-index.pages.dev/r/contact-sections__center-aligned.json

Split With Details

npx shadcn@latest add https://components-index.pages.dev/r/contact-sections__split-with-details.json

With Map

npx shadcn@latest add https://components-index.pages.dev/r/contact-sections__with-map.json

Cta Sections

18

Awards Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__awards-cta.json

Banner With Background

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__banner-with-background.json

Case Study Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__case-study-cta.json

Countdown Timer

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__countdown-timer.json

Cta With Testimonial

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__cta-with-testimonial.json

Faq Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__faq-cta.json

Feature Grid

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__feature-grid.json

Gradient Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__gradient-cta.json

Image With Text

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__image-with-text.json

Integrations Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__integrations-cta.json

Newsletter Form

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__newsletter-form.json

Quick Contact Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__quick-contact-cta.json

Simple Centered

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__simple-centered.json

Split With Image

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__split-with-image.json

Stats Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__stats-cta.json

Tab Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__tab-cta.json

Video Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__video-cta.json

Zigzag Cta

npx shadcn@latest add https://components-index.pages.dev/r/cta-sections__zigzag-cta.json

Ecommerce Bundle Upsells

5

Builder

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-bundle-upsells__builder.json

Comparison

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-bundle-upsells__comparison.json

Minimalist Grid

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-bundle-upsells__minimalist-grid.json

Side By Side

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-bundle-upsells__side-by-side.json

Stack

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-bundle-upsells__stack.json

Ecommerce Cross Sells

5

Feature Icons

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-cross-sells__feature-icons.json

Simple Grid

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-cross-sells__simple-grid.json

Stacked List

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-cross-sells__stacked-list.json

With Badges

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-cross-sells__with-badges.json

With Ratings

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-cross-sells__with-ratings.json

Ecommerce Customer Reviews

6

Base

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-customer-reviews__base.json

Compact Review List

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-customer-reviews__compact-review-list.json

Review Cards Grid

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-customer-reviews__review-cards-grid.json

Review Comparison

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-customer-reviews__review-comparison.json

Review Stats Overview

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-customer-reviews__review-stats-overview.json

Social Proof Reviews

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-customer-reviews__social-proof-reviews.json

Ecommerce Footers

5

Muti Column

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-footers__muti-column.json

Simple Links

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-footers__simple-links.json

With Newsletter

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-footers__with-newsletter.json

With Payments

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-footers__with-payments.json

With Socials

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-footers__with-socials.json

Ecommerce Shipping Returns

5

Accordion

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-shipping-returns__accordion.json

Checklist

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-shipping-returns__checklist.json

Full Text

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-shipping-returns__full-text.json

Split Columns

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-shipping-returns__split-columns.json

With Icons

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-shipping-returns__with-icons.json

Ecommerce Trust Guarantee

5

Badge Row

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-trust-guarantee__badge-row.json

Checklist

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-trust-guarantee__checklist.json

Highlighted Quote

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-trust-guarantee__highlighted-quote.json

Icon List

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-trust-guarantee__icon-list.json

Three Pillars

npx shadcn@latest add https://components-index.pages.dev/r/ecommerce-trust-guarantee__three-pillars.json

Faq Sections

13

Accordion With Background

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__accordion-with-background.json

Card Grid

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__card-grid.json

Center Aligned

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__center-aligned.json

Code Snippets

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__code-snippets.json

Contact Form

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__contact-form.json

Image Illustrated

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__image-illustrated.json

Right Aligned

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__right-aligned.json

Search Filter

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__search-filter.json

Sidebar Navigation

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__sidebar-navigation.json

Simple 2 Cols Grid

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__simple-2-cols-grid.json

Simple With Divider And Icon

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__simple-with-divider-and-icon.json

Tabbed Categories

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__tabbed-categories.json

Timeline Faq

npx shadcn@latest add https://components-index.pages.dev/r/faq-sections__timeline-faq.json

Feature Sections

17

3d Cards

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__3d-cards.json

Card Grid

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__card-grid.json

Feature Accordion

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__feature-accordion.json

Feature Chat

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__feature-chat.json

Feature Stats

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__feature-stats.json

Feature Timeline

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__feature-timeline.json

Feature Videos

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__feature-videos.json

Feature Wizard

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__feature-wizard.json

Grid Hover

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__grid-hover.json

Simple

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__simple.json

Steps

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__steps.json

Terminal

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__terminal.json

With Carousel

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__with-carousel.json

With Comparison

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__with-comparison.json

With Images

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__with-images.json

With Stats

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__with-stats.json

With Tabs

npx shadcn@latest add https://components-index.pages.dev/r/feature-sections__with-tabs.json

Footers

5

Logo Cloud

npx shadcn@latest add https://components-index.pages.dev/r/footers__logo-cloud.json

Minimal

npx shadcn@latest add https://components-index.pages.dev/r/footers__minimal.json

Multi Column

npx shadcn@latest add https://components-index.pages.dev/r/footers__multi-column.json

Simple

npx shadcn@latest add https://components-index.pages.dev/r/footers__simple.json

Subscribe

npx shadcn@latest add https://components-index.pages.dev/r/footers__subscribe.json

Form Layouts

3

Complex Form

npx shadcn@latest add https://components-index.pages.dev/r/form-layouts__complex-form.json

Stacked

npx shadcn@latest add https://components-index.pages.dev/r/form-layouts__stacked.json

Two Column

npx shadcn@latest add https://components-index.pages.dev/r/form-layouts__two-column.json

Gallery

7

Carousel Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__carousel-gallery.json

Filmstrip Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__filmstrip-gallery.json

Fullscreen Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__fullscreen-gallery.json

Grid Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__grid-gallery.json

Immersive Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__immersive-gallery.json

Polaroid Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__polaroid-gallery.json

Portfolio Gallery

npx shadcn@latest add https://components-index.pages.dev/r/gallery__portfolio-gallery.json

Hero Forms

24

Booking Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__booking-form.json

Center Aligned Search With Tags

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__center-aligned-search-with-tags.json

Center Aligned With A Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__center-aligned-with-a-form.json

Contact Form With Background

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__contact-form-with-background.json

Contest Entry Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__contest-entry-form.json

Early Access Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__early-access-form.json

Event Registration Countdown

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__event-registration-countdown.json

Feedback Survey Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__feedback-survey-form.json

Floating Card With Gradient

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__floating-card-with-gradient.json

Free Ebook Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__free-ebook-form.json

Free Trial Signup Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__free-trial-signup-form.json

Image And Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__image-and-form.json

Job Application Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__job-application-form.json

Newsletter Subscription

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__newsletter-subscription.json

Newsletter With Social Proof

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__newsletter-with-social-proof.json

Product Customizer Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__product-customizer-form.json

Quiz Assessment Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__quiz-assessment-form.json

Schedule Demo Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__schedule-demo-form.json

Sign Up Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__sign-up-form.json

Split Screen Multi Step

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__split-screen-multi-step.json

Subscription Form With Toggle

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__subscription-form-with-toggle.json

Two Factor Verification

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__two-factor-verification.json

User Feedback Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__user-feedback-form.json

Webinar Registration Form

npx shadcn@latest add https://components-index.pages.dev/r/hero-forms__webinar-registration-form.json

Hero Sections

31

3d Isometric Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__3d-isometric-hero.json

Animated Features Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__animated-features-hero.json

Animated Gradient

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__animated-gradient.json

Animated Text Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__animated-text-hero.json

Centred With Image

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__centred-with-image.json

Gradient Background

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__gradient-background.json

Gradient Mesh Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__gradient-mesh-hero.json

Image Carousel Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__image-carousel-hero.json

Image With Reviews

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__image-with-reviews.json

Mobile App Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__mobile-app-hero.json

Particles Background Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__particles-background-hero.json

Product Carousel Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__product-carousel-hero.json

Simple Centred

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__simple-centred.json

Split Content Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__split-content-hero.json

Split Image Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__split-image-hero.json

Split With Video

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__split-with-video.json

Video Background Hero

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__video-background-hero.json

With 3d Mockup

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-3d-mockup.json

With Api Preview

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-api-preview.json

With App Showcase

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-app-showcase.json

With Bento Grid

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-bento-grid.json

With Code Preview

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-code-preview.json

With Content Tabs

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-content-tabs.json

With Dashboard

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-dashboard.json

With Email Input

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-email-input.json

With Feature Cards

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-feature-cards.json

With Feature Timeline

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-feature-timeline.json

With Integration Showcase

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-integration-showcase.json

With Product Screenshots

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-product-screenshots.json

With Team Grid

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-team-grid.json

With Terminal

npx shadcn@latest add https://components-index.pages.dev/r/hero-sections__with-terminal.json

Icon Sections

20

2 Cols Grid

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__2-cols-grid.json

Animated Icon Grid

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__animated-icon-grid.json

Centred Description With Icon Blocks

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__centred-description-with-icon-blocks.json

Circle Icons Centre Aligned

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__circle-icons-centre-aligned.json

Compact Metric List

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__compact-metric-list.json

Description On Left Icon Blocks On Right

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__description-on-left-icon-blocks-on-right.json

Expandable Icon Cards

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__expandable-icon-cards.json

Feature Icon Tabs

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__feature-icon-tabs.json

Horizontal Scrolling Icons

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__horizontal-scrolling-icons.json

Icon Feature Carousel

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__icon-feature-carousel.json

Icon Stats Grid

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__icon-stats-grid.json

Icon Tabs Categories

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__icon-tabs-categories.json

Icon Timeline

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__icon-timeline.json

Icons With Tooltips

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__icons-with-tooltips.json

Interactive Icon Showcase

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__interactive-icon-showcase.json

Metric Cards

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__metric-cards.json

Minimal Stats Tiles

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__minimal-stats-tiles.json

Radial Icon Layout

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__radial-icon-layout.json

Solid Icon With Hover Effect

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__solid-icon-with-hover-effect.json

Stacked Cards

npx shadcn@latest add https://components-index.pages.dev/r/icon-sections__stacked-cards.json

Integrations

5

Api Preview

npx shadcn@latest add https://components-index.pages.dev/r/integrations__api-preview.json

Carousel

npx shadcn@latest add https://components-index.pages.dev/r/integrations__carousel.json

Category Tabs

npx shadcn@latest add https://components-index.pages.dev/r/integrations__category-tabs.json

Featured Showcase

npx shadcn@latest add https://components-index.pages.dev/r/integrations__featured-showcase.json

Simple Grid

npx shadcn@latest add https://components-index.pages.dev/r/integrations__simple-grid.json

Login

1

Split With Image

npx shadcn@latest add https://components-index.pages.dev/r/login__split-with-image.json

Masonry Sections

1

Cards On Images

npx shadcn@latest add https://components-index.pages.dev/r/masonry-sections__cards-on-images.json

Page Headings

6

Simple Centered

npx shadcn@latest add https://components-index.pages.dev/r/page-headings__simple-centered.json

With Actions

npx shadcn@latest add https://components-index.pages.dev/r/page-headings__with-actions.json

With Search Filters

npx shadcn@latest add https://components-index.pages.dev/r/page-headings__with-search-filters.json

With Stats

npx shadcn@latest add https://components-index.pages.dev/r/page-headings__with-stats.json

With Steps

npx shadcn@latest add https://components-index.pages.dev/r/page-headings__with-steps.json

With Tabs

npx shadcn@latest add https://components-index.pages.dev/r/page-headings__with-tabs.json

Pagination

11

Bordered Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__bordered-pagination.json

Card Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__card-pagination.json

Compact Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__compact-pagination.json

Dot Indicator Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__dot-indicator-pagination.json

Floating Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__floating-pagination.json

Icon Only Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__icon-only-pagination.json

Mini Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__mini-pagination.json

Responsive Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__responsive-pagination.json

Rounded Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__rounded-pagination.json

Shadow Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__shadow-pagination.json

Split Pagination

npx shadcn@latest add https://components-index.pages.dev/r/pagination__split-pagination.json

Portfolio About And Skills

5

About Me

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-about-and-skills__about-me.json

Education Certifications

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-about-and-skills__education-certifications.json

Resume Download

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-about-and-skills__resume-download.json

Skills Display

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-about-and-skills__skills-display.json

Timeline Category Skills

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-about-and-skills__timeline-category-skills.json

Portfolio Awards And Recognition

5

Awards Timeline

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-awards-and-recognition__awards-timeline.json

Badge Or Icon Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-awards-and-recognition__badge-or-icon-grid.json

Carousel Of Certifications

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-awards-and-recognition__carousel-of-certifications.json

Featured Award Highlight

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-awards-and-recognition__featured-award-highlight.json

Quote Award Combo

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-awards-and-recognition__quote-award-combo.json

Portfolio Blog Writing And Previews

5

Featured Article List

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-blog-writing-and-previews__featured-article-list.json

Grid Blog Cards

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-blog-writing-and-previews__grid-blog-cards.json

Horizontal Blog Carousel

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-blog-writing-and-previews__horizontal-blog-carousel.json

Masonry Layout Articles

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-blog-writing-and-previews__masonry-layout-articles.json

Minimal List Dates

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-blog-writing-and-previews__minimal-list-dates.json

Portfolio Case Studies

5

Accordion Expandable Case Studies

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-case-studies__accordion-expandable-case-studies.json

Grid Case Study Previews

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-case-studies__grid-case-study-previews.json

Large Visual Focus Case Study

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-case-studies__large-visual-focus-case-study.json

Side By Side Image Story

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-case-studies__side-by-side-image-story.json

Timeline Style Case Study

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-case-studies__timeline-style-case-study.json

Portfolio Contact Sections

5

Classic Contact Form

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-contact-sections__classic-contact-form.json

Map With Contact Info

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-contact-sections__map-with-contact-info.json

Minimal Form With Social

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-contact-sections__minimal-form-with-social.json

Popup Trigger Contact

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-contact-sections__popup-trigger-contact.json

Split Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-contact-sections__split-layout.json

Portfolio Core Services Overview

5

Accordion Services

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-core-services-overview__accordion-services.json

Icon List Overview

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-core-services-overview__icon-list-overview.json

Numbered Process Style Services

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-core-services-overview__numbered-process-style-services.json

Service Cards Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-core-services-overview__service-cards-grid.json

Split Layout Feature

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-core-services-overview__split-layout-feature.json

Portfolio Cta Banner

5

Full Width Bold Banner

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-cta-banner__full-width-bold-banner.json

Inline Cta

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-cta-banner__inline-cta.json

Personal Photo Cta

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-cta-banner__personal-photo-cta.json

Split Cta

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-cta-banner__split-cta.json

Sticky Cta

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-cta-banner__sticky-cta.json

Portfolio Email Signup And Newsletter

5

Card Style Signup

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-email-signup-and-newsletter__card-style-signup.json

Footer Integrated Signup

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-email-signup-and-newsletter__footer-integrated-signup.json

Popup Signup Form

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-email-signup-and-newsletter__popup-signup-form.json

Simple Inline Form

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-email-signup-and-newsletter__simple-inline-form.json

Split Section Signup

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-email-signup-and-newsletter__split-section-signup.json

Portfolio Event Speaking And Workshops

5

Event Cards Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-event-speaking-and-workshops__event-cards-grid.json

Featured Talk

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-event-speaking-and-workshops__featured-talk.json

Featured Talk Highlight

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-event-speaking-and-workshops__featured-talk-highlight.json

Timeline Speaking Engagements

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-event-speaking-and-workshops__timeline-speaking-engagements.json

Video Recording Embed

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-event-speaking-and-workshops__video-recording-embed.json

Portfolio Featured Work Highlights

5

Carousel Of Featured Projects

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-featured-work-highlights__carousel-of-featured-projects.json

Interactive Hover Reveal

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-featured-work-highlights__interactive-hover-reveal.json

Large Hero Project Display

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-featured-work-highlights__large-hero-project-display.json

Split Image And Details Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-featured-work-highlights__split-image-and-details-layout.json

Stacked Highlight Cards

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-featured-work-highlights__stacked-highlight-cards.json

Portfolio Hero Showcases

5

Carousel Slider

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-hero-showcases__carousel-slider.json

Floating Elements

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-hero-showcases__floating-elements.json

Full Screen Centered

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-hero-showcases__full-screen-centered.json

Minimalist Cta

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-hero-showcases__minimalist-cta.json

Split Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-hero-showcases__split-layout.json

Portfolio Mission And Values

5

Grid Of Core Values

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-mission-and-values__grid-of-core-values.json

Quote Values Combo

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-mission-and-values__quote-values-combo.json

Story First Narrative

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-mission-and-values__story-first-narrative.json

Three Pillars Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-mission-and-values__three-pillars-layout.json

Vertical Step Timeline

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-mission-and-values__vertical-step-timeline.json

Portfolio Process And Approach

5

Cycle Diagram

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-process-and-approach__cycle-diagram.json

Horizontal Stepper

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-process-and-approach__horizontal-stepper.json

Process Principles

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-process-and-approach__process-principles.json

Stacked Cards

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-process-and-approach__stacked-cards.json

Vertical Timeline

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-process-and-approach__vertical-timeline.json

Portfolio Project Displays

5

Filterable Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-project-displays__filterable-grid.json

Quote Stack

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-project-displays__quote-stack.json

Standard Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-project-displays__standard-grid.json

Stats Cards

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-project-displays__stats-cards.json

Zigzag Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-project-displays__zigzag-layout.json

Portfolio Quote And Feedback

5

Base

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-quote-and-feedback__base.json

Grid Of Quotes

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-quote-and-feedback__grid-of-quotes.json

Quote With Project Context

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-quote-and-feedback__quote-with-project-context.json

Scrollable Quote Carousel

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-quote-and-feedback__scrollable-quote-carousel.json

Single Quote Highlight

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-quote-and-feedback__single-quote-highlight.json

Portfolio Resource Download Sections

5

Featured Resource Card

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resource-download-sections__featured-resource-card.json

Gated Download

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resource-download-sections__gated-download.json

Inline Resource Callout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resource-download-sections__inline-resource-callout.json

Minimalist Resource List

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resource-download-sections__minimalist-resource-list.json

Resources Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resource-download-sections__resources-grid.json

Portfolio Resume And Downloads

5

Branded Document Icons Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resume-and-downloads__branded-document-icons-grid.json

Resume Cover Letter Combo

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resume-and-downloads__resume-cover-letter-combo.json

Resume With Short Bio Cta

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resume-and-downloads__resume-with-short-bio-cta.json

Simple Download Button

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resume-and-downloads__simple-download-button.json

Split Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-resume-and-downloads__split-layout.json

Portfolio Social Media Embeds

5

Highlighted Post

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-social-media-embeds__highlighted-post.json

Instagram Grid

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-social-media-embeds__instagram-grid.json

Social Icons Feed

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-social-media-embeds__social-icons-feed.json

Tweet Carousel

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-social-media-embeds__tweet-carousel.json

Youtube Video Strip

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-social-media-embeds__youtube-video-strip.json

Portfolio Why Work With Me

5

Before After Comparison

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-why-work-with-me__before-after-comparison.json

Bulleted Value Proposition

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-why-work-with-me__bulleted-value-proposition.json

Client Oriented Testimonials

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-why-work-with-me__client-oriented-testimonials.json

Storytelling Approach

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-why-work-with-me__storytelling-approach.json

Why Me Vs Competition

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-why-work-with-me__why-me-vs-competition.json

Portfolio Work Experience Cards

5

Accordion Experience Cards

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-work-experience-cards__accordion-experience-cards.json

Card With Project Showcase

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-work-experience-cards__card-with-project-showcase.json

Experience Quote Combo

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-work-experience-cards__experience-quote-combo.json

Logo First Card Layout

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-work-experience-cards__logo-first-card-layout.json

Minimalist Role Highlight

npx shadcn@latest add https://components-index.pages.dev/r/portfolio-work-experience-cards__minimalist-role-highlight.json

Pricing Sections

14

Calculator

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__calculator.json

Cards

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__cards.json

Custom Builder

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__custom-builder.json

Enterprise

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__enterprise.json

Feature Grid

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__feature-grid.json

Horizontal

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__horizontal.json

Interactive

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__interactive.json

Minimalist

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__minimalist.json

Modern

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__modern.json

Seasonal

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__seasonal.json

Simple

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__simple.json

Stacked

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__stacked.json

Testimonial

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__testimonial.json

Toggle

npx shadcn@latest add https://components-index.pages.dev/r/pricing-sections__toggle.json

Product Features

19

3d Feature Carousel

npx shadcn@latest add https://components-index.pages.dev/r/product-features__3d-feature-carousel.json

Alternating Features

npx shadcn@latest add https://components-index.pages.dev/r/product-features__alternating-features.json

Animated Features Grid

npx shadcn@latest add https://components-index.pages.dev/r/product-features__animated-features-grid.json

Before After Comparison

npx shadcn@latest add https://components-index.pages.dev/r/product-features__before-after-comparison.json

Carousel Feature Showcase

npx shadcn@latest add https://components-index.pages.dev/r/product-features__carousel-feature-showcase.json

Expandable Features Grid

npx shadcn@latest add https://components-index.pages.dev/r/product-features__expandable-features-grid.json

Feature Accordion

npx shadcn@latest add https://components-index.pages.dev/r/product-features__feature-accordion.json

Feature Comparison Table

npx shadcn@latest add https://components-index.pages.dev/r/product-features__feature-comparison-table.json

Feature Tabs Navigation

npx shadcn@latest add https://components-index.pages.dev/r/product-features__feature-tabs-navigation.json

Feature Timeline

npx shadcn@latest add https://components-index.pages.dev/r/product-features__feature-timeline.json

Features Testimonial Combo

npx shadcn@latest add https://components-index.pages.dev/r/product-features__features-testimonial-combo.json

Horizontal Scrolling Features

npx shadcn@latest add https://components-index.pages.dev/r/product-features__horizontal-scrolling-features.json

Image Hotspot Features

npx shadcn@latest add https://components-index.pages.dev/r/product-features__image-hotspot-features.json

Interactive Feature Tabs

npx shadcn@latest add https://components-index.pages.dev/r/product-features__interactive-feature-tabs.json

Simple Feature Grid

npx shadcn@latest add https://components-index.pages.dev/r/product-features__simple-feature-grid.json

Split Image Features

npx shadcn@latest add https://components-index.pages.dev/r/product-features__split-image-features.json

Stats Feature Showcase

npx shadcn@latest add https://components-index.pages.dev/r/product-features__stats-feature-showcase.json

Timeline Feature Showcase

npx shadcn@latest add https://components-index.pages.dev/r/product-features__timeline-feature-showcase.json

Video Feature Showcase

npx shadcn@latest add https://components-index.pages.dev/r/product-features__video-feature-showcase.json

Product List

9

Compact List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__compact-list.json

Comparison List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__comparison-list.json

Featured List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__featured-list.json

Filter List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__filter-list.json

Gallery List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__gallery-list.json

Grid List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__grid-list.json

Masonry List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__masonry-list.json

Table List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__table-list.json

Timeline List

npx shadcn@latest add https://components-index.pages.dev/r/product-list__timeline-list.json

Product Overview

6

Classic Overview

npx shadcn@latest add https://components-index.pages.dev/r/product-overview__classic-overview.json

Compact Overview

npx shadcn@latest add https://components-index.pages.dev/r/product-overview__compact-overview.json

Gallery Overview

npx shadcn@latest add https://components-index.pages.dev/r/product-overview__gallery-overview.json

Immersive Overview

npx shadcn@latest add https://components-index.pages.dev/r/product-overview__immersive-overview.json

Minimal Overview

npx shadcn@latest add https://components-index.pages.dev/r/product-overview__minimal-overview.json

Modern Overview

npx shadcn@latest add https://components-index.pages.dev/r/product-overview__modern-overview.json

Promo Sections

11

Centered Icon Promo

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__centered-icon-promo.json

Centered Image Grid

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__centered-image-grid.json

Centered Simple Promo

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__centered-simple-promo.json

Countdown Timer Promo

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__countdown-timer-promo.json

Fading Background Testimonial

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__fading-background-testimonial.json

Full Width Large Content

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__full-width-large-content.json

Image Aside

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__image-aside.json

Large Image Split

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__large-image-split.json

Multi Column Cards

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__multi-column-cards.json

Simple Banner

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__simple-banner.json

Split Offers

npx shadcn@latest add https://components-index.pages.dev/r/promo-sections__split-offers.json

Reset Password

4

Email Otp Reset

npx shadcn@latest add https://components-index.pages.dev/r/reset-password__email-otp-reset.json

Security Question Reset

npx shadcn@latest add https://components-index.pages.dev/r/reset-password__security-question-reset.json

Simple Reset

npx shadcn@latest add https://components-index.pages.dev/r/reset-password__simple-reset.json

Token Reset

npx shadcn@latest add https://components-index.pages.dev/r/reset-password__token-reset.json

Shopping Cart

6

Compact Cart

npx shadcn@latest add https://components-index.pages.dev/r/shopping-cart__compact-cart.json

Floating Cart

npx shadcn@latest add https://components-index.pages.dev/r/shopping-cart__floating-cart.json

Mini Cart

npx shadcn@latest add https://components-index.pages.dev/r/shopping-cart__mini-cart.json

Modern Cart

npx shadcn@latest add https://components-index.pages.dev/r/shopping-cart__modern-cart.json

Sidebar Cart

npx shadcn@latest add https://components-index.pages.dev/r/shopping-cart__sidebar-cart.json

Sticky Cart

npx shadcn@latest add https://components-index.pages.dev/r/shopping-cart__sticky-cart.json

Stats

20

Achievement Bars

npx shadcn@latest add https://components-index.pages.dev/r/stats__achievement-bars.json

Card Group

npx shadcn@latest add https://components-index.pages.dev/r/stats__card-group.json

Circular Progress

npx shadcn@latest add https://components-index.pages.dev/r/stats__circular-progress.json

Comparison Metrics

npx shadcn@latest add https://components-index.pages.dev/r/stats__comparison-metrics.json

Comparison Stats

npx shadcn@latest add https://components-index.pages.dev/r/stats__comparison-stats.json

Customer Testimonial

npx shadcn@latest add https://components-index.pages.dev/r/stats__customer-testimonial.json

Funnel Stats

npx shadcn@latest add https://components-index.pages.dev/r/stats__funnel-stats.json

Gradient Grid

npx shadcn@latest add https://components-index.pages.dev/r/stats__gradient-grid.json

Growth Timeline

npx shadcn@latest add https://components-index.pages.dev/r/stats__growth-timeline.json

Horizontal With Dividers

npx shadcn@latest add https://components-index.pages.dev/r/stats__horizontal-with-dividers.json

Impact Numbers

npx shadcn@latest add https://components-index.pages.dev/r/stats__impact-numbers.json

Interactive Hover

npx shadcn@latest add https://components-index.pages.dev/r/stats__interactive-hover.json

Metric Cards

npx shadcn@latest add https://components-index.pages.dev/r/stats__metric-cards.json

One Main With Three Follow Ups

npx shadcn@latest add https://components-index.pages.dev/r/stats__one-main-with-three-follow-ups.json

Progress Bars

npx shadcn@latest add https://components-index.pages.dev/r/stats__progress-bars.json

Simple 3 Cols

npx shadcn@latest add https://components-index.pages.dev/r/stats__simple-3-cols.json

Sparkline Stats

npx shadcn@latest add https://components-index.pages.dev/r/stats__sparkline-stats.json

Stats With Icons

npx shadcn@latest add https://components-index.pages.dev/r/stats__stats-with-icons.json

Timeline Stats

npx shadcn@latest add https://components-index.pages.dev/r/stats__timeline-stats.json

Trust Indicators

npx shadcn@latest add https://components-index.pages.dev/r/stats__trust-indicators.json

Subscribe

3

Input Style

npx shadcn@latest add https://components-index.pages.dev/r/subscribe__input-style.json

Simple Center Aligned

npx shadcn@latest add https://components-index.pages.dev/r/subscribe__simple-center-aligned.json

Simple Right Aligned

npx shadcn@latest add https://components-index.pages.dev/r/subscribe__simple-right-aligned.json

Tabs

8

Card Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__card-tabs.json

Gradient Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__gradient-tabs.json

Icon Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__icon-tabs.json

Minimal Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__minimal-tabs.json

Outline Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__outline-tabs.json

Pill Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__pill-tabs.json

Shadow Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__shadow-tabs.json

Vertical Tabs

npx shadcn@latest add https://components-index.pages.dev/r/tabs__vertical-tabs.json

Team Sections

9

Alternating Sections

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__alternating-sections.json

Masonry Grid

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__masonry-grid.json

Simple Cards

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__simple-cards.json

With Contact

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__with-contact.json

With Filters

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__with-filters.json

With Hover Cards

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__with-hover-cards.json

With Large Images

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__with-large-images.json

With Skill Badges

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__with-skill-badges.json

With Testimonials

npx shadcn@latest add https://components-index.pages.dev/r/team-sections__with-testimonials.json

Testimonials

9

Base

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__base.json

Big Image

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__big-image.json

Cards

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__cards.json

Cards With Stats

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__cards-with-stats.json

Mini With Dividers In Grid

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__mini-with-dividers-in-grid.json

Short Review With Logo And Stars

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__short-review-with-logo-and-stars.json

Simple Center Aligned With Logo

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__simple-center-aligned-with-logo.json

Small Image

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__small-image.json

With Stats

npx shadcn@latest add https://components-index.pages.dev/r/testimonials__with-stats.json

User Profiles

10

Billing

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__billing.json

Compact List

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__compact-list.json

Developer

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__developer.json

Onboarding

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__onboarding.json

Permissions

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__permissions.json

Security Logs

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__security-logs.json

Simple

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__simple.json

Tabbed

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__tabbed.json

Team Grid

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__team-grid.json

With Stats

npx shadcn@latest add https://components-index.pages.dev/r/user-profiles__with-stats.json