ActiveFeaturedAnimated components1,272
@uitripled
Animated components · MIT · data updated 2026-07-08
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.
Install
npx shadcn@latest add https://ui.tripled.work/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues1
ArchivedNo
Stars1,272
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-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