ActiveFeaturedAnimated components1,319
@uitripled
Animated components · MIT · data updated 2026-09-05
Open-source production-ready UI registry built on shadcn/ui, Base UI, and Framer Motion, structured as a Turborepo monorepo targeting React 19 and Next.js. Offers components, full landing-page blocks, a drag-and-drop Landing Builder for assembling pages, a Background Builder for shader-powered aurora backgrounds, and a Grid Generator for Tailwind CSS layouts. TypeScript throughout. Fully free and MIT-licensed. Use for: projects that need high-motion landing blocks plus flexible background and grid tooling all sourced from one registry.
aestheticaianimationauthbackgroundsblocksbuttonscardschartscmscryptodashboarde-commerceformsglassmorphismiconsloadersmarketingmedianavigationoverlays
Install
npx shadcn@latest add https://ui.tripled.work/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues2
ArchivedNo
Stars1,319
Components (282)
about-us-page-shadcnuiabout-us-section-baseuiabout-us-section-shadcnuiai-chat-interface-shadcnuiai-glow-input-shadcnuiai-loading-skeleton-shadcnuiai-response-typing-shadcnuiai-unlock-animation-shadcnuianimated-accordion-shadcnuianimated-card-stack-baseuianimated-card-stack-shadcnuianimated-checkbox-shadcnuianimated-dialog-shadcnuianimated-list-shadcnuianimated-navbar-shadcnuianimated-pagination-shadcnuianimated-profile-menu-shadcnuianimated-progress-shadcnuianimated-quote-block-shadcnuianimated-radio-shadcnuianimated-select-shadcnuianimated-sidebar-shadcnuianimated-tabs-shadcnuianimated-tooltip-shadcnuiauto-revealing-heading-shadcnuiavatar-group-shadcnuibento-grid-block-baseuibento-grid-block-shadcnuiblog-block-baseuiblog-block-shadcnuiblog-typography-shadcnuibottom-modalbrowse-folder-baseuibrowse-folder-shadcnuicards-slider-shadcnuicash-flow-chartchat-app-shadcnuicinema-ticket-baseuicinema-ticket-shadcnuicommand-palette-shadcnuicomment-thread-shadcnuiconference-ticket-baseuiconference-ticket-shadcnuicontact-block-baseuicontact-block-shadcnuicontact-form-section-baseuicontact-form-section-shadcnuicontext-menu-bubble-shadcnuicontext-menu-shadcnuicourse-content-page-shadcnuicredit-card-baseuicredit-card-shadcnuicta-banner-section-baseuicta-banner-section-shadcnuicta-block-baseuicta-block-shadcnuicta-hero-block-baseuicta-hero-block-shadcnuicurrency-converter-card-baseuicurrency-converter-card-shadcnui
Components: about-us-page-shadcnui, about-us-section-baseui, about-us-section-shadcnui, ai-chat-interface-shadcnui, ai-glow-input-shadcnui, ai-loading-skeleton-shadcnui, ai-response-typing-shadcnui, ai-unlock-animation-shadcnui, animated-accordion-shadcnui, animated-card-stack-baseui, animated-card-stack-shadcnui, animated-checkbox-shadcnui, animated-dialog-shadcnui, animated-list-shadcnui, animated-navbar-shadcnui, animated-pagination-shadcnui, animated-profile-menu-shadcnui, animated-progress-shadcnui, animated-quote-block-shadcnui, animated-radio-shadcnui, animated-select-shadcnui, animated-sidebar-shadcnui, animated-tabs-shadcnui, animated-tooltip-shadcnui, auto-revealing-heading-shadcnui, avatar-group-shadcnui, bento-grid-block-baseui, bento-grid-block-shadcnui, blog-block-baseui, blog-block-shadcnui, blog-typography-shadcnui, bottom-modal, browse-folder-baseui, browse-folder-shadcnui, cards-slider-shadcnui, cash-flow-chart, chat-app-shadcnui, cinema-ticket-baseui, cinema-ticket-shadcnui, command-palette-shadcnui, comment-thread-shadcnui, conference-ticket-baseui, conference-ticket-shadcnui, contact-block-baseui, contact-block-shadcnui, contact-form-section-baseui, contact-form-section-shadcnui, context-menu-bubble-shadcnui, context-menu-shadcnui, course-content-page-shadcnui, credit-card-baseui, credit-card-shadcnui, cta-banner-section-baseui, cta-banner-section-shadcnui, cta-block-baseui, cta-block-shadcnui, cta-hero-block-baseui, cta-hero-block-shadcnui, currency-converter-card-baseui, currency-converter-card-shadcnui, dashboard-baseui, dashboard-shadcnui, detail-task-card-baseui, detail-task-card-shadcnui, drag-to-confirm-slider-shadcnui, draggable-list-shadcnui, dynamic-spotlight-cta-shadcnui, dynamic-tag-cloud-shadcnui, ecommerce-highlight-card-baseui, ecommerce-highlight-card-shadcnui, elastic-switch-shadcnui, expanding-search-dock-shadcnui, fade-slide-modal-shadcnui, faq-accordion-block-baseui, faq-accordion-block-shadcnui, faq-section-baseui, faq-section-shadcnui, feature-cards-block-baseui, feature-cards-block-shadcnui, feature-comparison-block-baseui, feature-comparison-block-shadcnui, feature-grid-section-baseui, feature-grid-section-shadcnui, floating-chat-widget-shadcnui, floating-gradient-shadcnui, floating-info-panel-shadcnui, floating-label-input-shadcnui, fluid-modal-transition-shadcnui, folder-animation, folder-animation-carbon, footer-block-baseui, footer-block-shadcnui, gallery-grid-block-baseui, gallery-grid-block-shadcnui, glass-account-settings-card-shadcnui, glass-blog-card-baseui, glass-blog-card-shadcnui, glass-checkout-card-baseui, glass-checkout-card-shadcnui, glass-forgot-password-card-shadcnui, glass-order-summary-baseui, glass-order-summary-shadcnui, glass-profile-settings-card-shadcnui, glass-sign-in-card-shadcnui, glass-sign-up-card-shadcnui, glass-verification-code-card-shadcnui, glass-wallet-card-baseui, glass-wallet-card-shadcnui, glassmorphism-cta-block-baseui, glassmorphism-cta-block-shadcnui, glassmorphism-hero-block-baseui, glassmorphism-hero-block-shadcnui, glassmorphism-launch-timeline-block-baseui, glassmorphism-launch-timeline-block-shadcnui, glassmorphism-listen-app-block-baseui, glassmorphism-listen-app-block-shadcnui, glassmorphism-logo-showcase-block-baseui, glassmorphism-logo-showcase-block-shadcnui, glassmorphism-minimal-metrics-block-baseui, glassmorphism-minimal-metrics-block-shadcnui, glassmorphism-portfolio-block-baseui, glassmorphism-portfolio-block-shadcnui, glassmorphism-pricing-block-baseui, glassmorphism-pricing-block-shadcnui, glassmorphism-product-update-block-baseui, glassmorphism-product-update-block-shadcnui, glassmorphism-statistics-card-baseui, glassmorphism-statistics-card-shadcnui, glassmorphism-testimonials-block-baseui, glassmorphism-testimonials-block-shadcnui, glowy-waves-hero-baseui, glowy-waves-hero-shadcnui, gradient-animation-shadcnui, heart-favorite-shadcnui, hero-block-baseui, hero-block-shadcnui, hero-section-baseui, hero-section-shadcnui, holographic-wall-shadcnui, hover-expand-card-baseui, hover-expand-card-shadcnui, image-slider-card-shadcnui, interactive-logs-table-baseui, interactive-logs-table-shadcnui, interactive-timeline-shadcnui, kanban-board-shadcnui, liquid-cursor-shadcnui, mac-searchbar-shadcnui, magnetic-avatar-group-shadcnui, messenger-shadcnui, minimal-resume-baseui, minimal-resume-shadcnui, mood-gradient-button-shadcnui, multiple-accounts-shadcnui, n8n-workflow-block-baseui, n8n-workflow-block-shadcnui, native-action-dropdown-baseui, native-action-dropdown-shadcnui, native-avatar-expand-baseui, native-avatar-expand-shadcnui, native-avatar-with-name-baseui, native-avatar-with-name-shadcnui, native-badge, native-badge-carbon, native-button-baseui, native-button-shadcnui, native-counter-up, native-counter-up-carbon, native-delete-baseui, native-delete-shadcnui, native-dialog-baseui, native-dialog-shadcnui, native-flip-text, native-flip-text-baseui, native-flip-text-carbon, native-flip-text-shadcnui, native-follow-cursor, native-follow-cursor-carbon, native-hover-card-baseui, native-hover-card-shadcnui, native-image-checkbox-baseui, native-image-checkbox-carbon, native-image-checkbox-shadcnui, native-likes-counter-baseui, native-likes-counter-shadcnui, native-liquid-button-baseui, native-liquid-button-shadcnui, native-magnetic, native-magnetic-baseui, native-magnetic-carbon, native-magnetic-shadcnui, native-marquee-baseui, native-marquee-shadcnui, native-morphing-button-baseui, native-morphing-button-carbon, native-morphing-button-shadcnui, native-nested-list-baseui, native-nested-list-shadcnui, native-notch-baseui, native-notch-shadcnui, native-notification-bell-baseui, native-notification-bell-carbon, native-notification-bell-shadcnui, native-profile-notch-baseui, native-profile-notch-shadcnui, native-start-now-baseui, native-start-now-shadcnui, native-tabs-baseui, native-tabs-carbon, native-tabs-shadcnui, native-tooltip-baseui, native-tooltip-shadcnui, native-typewriter, native-typewriter-baseui, native-typewriter-shadcnui, native-user-card-baseui, native-user-card-shadcnui, native-verified-badge-baseui, native-verified-badge-shadcnui, new-hero-section-baseui, new-hero-section-shadcnui, news-feed-shadcnui, newsletter-signup-block-baseui, newsletter-signup-block-shadcnui, notification-center-shadcnui, notion-blog-page-baseui, notion-blog-page-shadcnui, our-services-section-baseui, our-services-section-shadcnui, password-input-shadcnui, preview-details-card-shadcnui, pricing-section-baseui, pricing-section-shadcnui, professional-resume-baseui, professional-resume-shadcnui, profile-page-shadcnui, project-card-baseui, project-card-shadcnui, projects-block-baseui, projects-block-shadcnui, reactive-background-grid-shadcnui, resume-card-baseui, resume-card-shadcnui, ripple-click-button-shadcnui, scale-hover-button-shadcnui, scroll-progress-tracker-shadcnui, scroll-reveal-baseui, scroll-reveal-shadcnui, services-grid-block-baseui, services-grid-block-shadcnui, shimmer-button-shadcnui, simple-calendar-shadcnui, smart-hover-card-shadcnui, social-login-button-baseui, social-login-button-shadcnui, spotlight-section-shadcnui, stacked-card-carousel-shadcnui, staggered-dropdown-shadcnui, staggered-hero-shadcnui, standard-resume-baseui, standard-resume-shadcnui, stats-counter-block-baseui, stats-counter-block-shadcnui, stats-section-baseui, stats-section-shadcnui, stocks-dashboard-shadcnui, synced-lyric-captions-shadcnui, team-section-block-baseui, team-section-block-shadcnui, testimonial-section-baseui, testimonial-section-shadcnui, testimonials-block-baseui, testimonials-block-shadcnui, theater-ticket-baseui, theater-ticket-shadcnui, timeline-block-baseui, timeline-block-shadcnui, toast-notification-shadcnui, volume-component-shadcnui, weather-dashboard-shadcnui, web-performance-page-shadcnui, wizard-form-shadcnuiPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@uitripled · about-us-page-shadcnui
npx shadcn@latest add https://ui.tripled.work/r/about-us-page-shadcnui.jsonView source