Component Isolation Index

Chrome-less preview routes for individual components. Each route renders a single preview without site navigation.

primitive

• shimmer-button(free)
• pulse-button(free)
• rainbow-button(free)
• magnetic-button(free)
• button(free)
• button-icon(free)
• button-group(free)
• segmented-control(free)
• kbd(free)
• slider(free)
• toggle(free)
• radio-group(free)
• color-picker(free)
• rating(free)
• checkbox(free)
• switch(free)
• stepper(free)
• checkbox-group(free)
• tabs(free)
• command-menu(free)
• accordion(free)
• separator(free)
• pagination(free)
• aspect-ratio(free)
• copy-to-clipboard(free)
• context-menu(free)
• combobox(free)
• menubar(free)
• multi-select(free)
• theme-switcher(free)
• theme-customizer(pro)
• calendar(free)
• scroll-area(free)
• resizable(free)
• collapsible(free)
• toggle-group(free)
• alert(free)
• badge(free)
• progress(free)
• spinner(free)
• skeleton-text(free)
• skeleton(free)
• toast(free)
• tooltip(free)
• avatar(free)
• avatar-group(free)
• empty-state(free)
• stat-tile(free)
• data-badge(free)
• hover-card(free)
• feature-card(free)
• stat-card(free)
• image-card(free)
• pricing-card(free)
• tilt-card(free)
• drawer(free)
• popover(free)
• modal(free)
• sheet(free)
• confirm-dialog(free)
• alert-dialog(free)
• form-modal(free)
• destructive-modal(free)
• lightbox-modal(free)
• sticky-actions-modal(free)
• fullscreen-modal(free)
• subscribe-modal(free)
• command-dialog(free)
• drawer-dialog(free)
• toc-rail(free)
• navigation-menu(free)
• input-text(free)
• input-email(free)
• input-password(free)
• input-number(free)
• input-tel(free)
• input-url(free)
• input-search(free)
• textarea(free)
• select(free)
• input-date(free)
• input-time(free)
• input-datetime(free)
• input-otp(free)
• tag-input(free)
• file-upload(free)
• input-group(free)
• input-currency(free)
• native-select(free)
• date-picker(free)
• phone-input(free)
• autocomplete(free)

component

• marquee(free)
• logo-marquee(free)
• dock(free)
• border-beam(free)
• animated-beam(free)
• scroll-progress(free)
• stagger-in(free)
• parallax(free)
• ink-bleed(free)
• patina-oxidize(free)
• filament-script(free)
• number-ticker(free)
• text-reveal(free)
• aurora-text(free)
• morph-text(free)
• blur-fade(free)
• split-text(free)
• typing-terminal(free)
• shiny-text(free)
• word-rotate(free)
• orbit(free)
• particles(free)
• meteors(free)
• dot-grid(free)
• magic-card(free)
• animated-list(free)
• ripple(free)
• confetti(free)
• shine(free)
• sparkles(free)
• paper-fold(free)
• grain-resolve(free)
• device-mock(free)
• retro-grid(free)
• data-table(free)
• code-compare(free)
• file-tree(free)
• carousel(free)
• chart-bar(free)
• data-grid(free)
• filters(free)
• event-calendar(free)
• kanban-board(free)
• tree(free)
• area-chart(free)
• grouped-bar-chart(free)
• sparkline(free)

block

• hero-split(pro)
• hero-shader(pro)
• hero-announcement(free)
• hero-device(pro)
• hero-waitlist(pro)
• hero-docs(pro)
• hero-gradient(pro)
• hero-centered(free)
• hero-features(pro)
• hero-testimonial(pro)
• hero-minimal(free)
• hero-split-reversed(pro)
• hero-fullscreen(pro)
• hero-animated(pro)
• hero-stats(pro)
• hero-video(pro)
• hero-metric(pro)
• hero-cards(pro)
• hero-comparison(pro)
• logo-cloud-grid(free)
• testimonials-marquee(pro)
• wall-of-love(pro)
• stats-band(pro)
• customer-logos(pro)
• trust-badges(pro)
• review-stars(pro)
• case-study-preview(pro)
• media-mentions(pro)
• user-count(pro)
• testimonial-grid(pro)
• logo-ticker(pro)
• social-proof-compact(free)
• testimonial-featured(pro)
• review-cards(pro)
• press-mentions(pro)
• metrics-social(pro)
• feature-3up(free)
• feature-sticky(pro)
• bento-2x2(pro)
• bento-3x3(pro)
• integrations-grid(pro)
• comparison-table(pro)
• metrics-panel(pro)
• feature-grid-4up(pro)
• feature-tabs(pro)
• feature-comparison(pro)
• feature-list(free)
• feature-icons-6up(pro)
• feature-screenshot(pro)
• feature-video(pro)
• roadmap-timeline(pro)
• feature-accordion(pro)
• feature-split(pro)
• feature-highlight(pro)
• feature-cards(pro)
• bento-asymmetric(pro)
• feature-cards-hover(pro)
• pricing-three(pro)
• pricing-enterprise(pro)
• cta-particles(pro)
• cta-banner(free)
• faq-accordion(free)
• pricing-slider(pro)
• pricing-comparison(pro)
• cta-gradient(pro)
• cta-video(pro)
• waitlist-inline(free)
• pricing-toggle(pro)
• cta-centered(free)
• pricing-simple(free)
• faq-grid(pro)
• cta-split(pro)
• demo-request(pro)
• newsletter-signup(pro)
• contact-split(pro)
• navbar-floating(pro)
• navbar-docs(pro)
• footer-mega(pro)
• mobile-dock-nav(pro)
• sidebar-nav(pro)
• breadcrumbs(free)
• pagination-dots(pro)
• mobile-menu(pro)
• search-bar(pro)
• notification-bell(pro)
• announcement-bar(pro)
• cookie-consent(pro)
• login-texture(pro)
• signup-split(pro)
• blog-cards(free)
• changelog-timeline(pro)
• article-grid(pro)
• author-bio(pro)
• related-posts(pro)
• tag-cloud(pro)
• comment-section(pro)
• newsletter-banner(pro)
• careers(pro)
• product-grid(pro)
• team-hover(pro)
• process-steps(free)
• pricing-compare(pro)
• scroll-reveal(pro)
• image-gallery(pro)
• interactive-demo(pro)
• animated-counter(pro)
• animated-stats(pro)
• brand-colors(pro)
• globe-network(pro)
• shell-issues(pro)
• shell-notes(pro)
• shell-team(pro)
• form-login(pro)
• form-signup(pro)
• form-profile(pro)
• form-checkout(pro)
• form-settings-notifications(pro)
• form-multi-step(pro)
• form-contact(pro)
• form-invite-team(pro)
• form-filter-bar(pro)
• form-survey(pro)

shell

• shell-saas-marketing(free)
• shell-auth(free)
• shell-onboarding(free)
• shell-dashboard(pro)
• shell-settings(pro)
• shell-ai-chat(pro)
• shell-billing(pro)
• shell-docs(pro)
• shell-mail(pro)
• shell-kanban(pro)
• shell-calendar(pro)
• shell-ecommerce(pro)
• shell-crm(pro)
• shell-analytics(pro)
• shell-admin(pro)
• shell-files(pro)
• shell-support(pro)
• shell-music(pro)
• shell-maps(pro)

template

• template-studio(pro)
• template-launch(pro)
• template-devtools(pro)
• template-atelier(pro)
• template-slate(pro)
• template-ledger(pro)
• template-relay(pro)
• template-mercer(pro)
• template-pilot(pro)