@uitripled
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 this registry
npx shadcn@latest add https://ui.tripled.work/r/registry.json pnpm dlx shadcn@latest add https://ui.tripled.work/r/registry.json bunx shadcn@latest add https://ui.tripled.work/r/registry.json curl -s https://ui.tripled.work/r/registry.json Components
60 totalGlassmorphism about page showcasing mission, values, and leadership with motion accents.
npx shadcn@latest add https://ui.tripled.work/r/about-us-page-shadcnui.json About us section with value cards, icons, and animated reveal effects (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/about-us-section-baseui.json About us section with value cards, icons, and animated reveal effects
npx shadcn@latest add https://ui.tripled.work/r/about-us-section-shadcnui.json Chat input with attachments, model selector, and accessible controls
npx shadcn@latest add https://ui.tripled.work/r/ai-chat-interface-shadcnui.json Input field with dynamic glow that pulses based on typing speed - smart motion feedback
npx shadcn@latest add https://ui.tripled.work/r/ai-glow-input-shadcnui.json Loading state with diagonal shimmer gradient and opacity wave
npx shadcn@latest add https://ui.tripled.work/r/ai-loading-skeleton-shadcnui.json Character-by-character typing animation with natural pauses and thinking states
npx shadcn@latest add https://ui.tripled.work/r/ai-response-typing-shadcnui.json Premium unlock animation with particles, ripples, and loading states
npx shadcn@latest add https://ui.tripled.work/r/ai-unlock-animation-shadcnui.json Accordion with smooth expand/collapse and rotate arrow
npx shadcn@latest add https://ui.tripled.work/r/animated-accordion-shadcnui.json Stacked cards that expand on hover (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/animated-card-stack-baseui.json Stacked cards that expand on hover
npx shadcn@latest add https://ui.tripled.work/r/animated-card-stack-shadcnui.json Checkbox with checkmark animation
npx shadcn@latest add https://ui.tripled.work/r/animated-checkbox-shadcnui.json Modal dialog with backdrop fade and spring animation
npx shadcn@latest add https://ui.tripled.work/r/animated-dialog-shadcnui.json List with staggered item animations
npx shadcn@latest add https://ui.tripled.work/r/animated-list-shadcnui.json Navigation bar with animated underline indicator
npx shadcn@latest add https://ui.tripled.work/r/animated-navbar-shadcnui.json Pagination with smooth page transition indicator
npx shadcn@latest add https://ui.tripled.work/r/animated-pagination-shadcnui.json Floating profile avatar that reveals quick action cards with smooth motion
npx shadcn@latest add https://ui.tripled.work/r/animated-profile-menu-shadcnui.json Progress bar with smooth animation
npx shadcn@latest add https://ui.tripled.work/r/animated-progress-shadcnui.json Quote that types itself in, pauses, then subtly breathes
npx shadcn@latest add https://ui.tripled.work/r/animated-quote-block-shadcnui.json Radio button group with selection ripple
npx shadcn@latest add https://ui.tripled.work/r/animated-radio-shadcnui.json Select dropdown with smooth open/close animation
npx shadcn@latest add https://ui.tripled.work/r/animated-select-shadcnui.json Sidebar with slide-in animation and overlay
npx shadcn@latest add https://ui.tripled.work/r/animated-sidebar-shadcnui.json Tabs with sliding indicator animation
npx shadcn@latest add https://ui.tripled.work/r/animated-tabs-shadcnui.json Tooltip with delay and slide animation
npx shadcn@latest add https://ui.tripled.work/r/animated-tooltip-shadcnui.json Heading that reveals each letter/word with staggered motion on scroll
npx shadcn@latest add https://ui.tripled.work/r/auto-revealing-heading-shadcnui.json Stacked avatar group with hover reveal and tooltips
npx shadcn@latest add https://ui.tripled.work/r/avatar-group-shadcnui.json Layered bento grid with imagery, metrics, and smooth motion reveals (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/bento-grid-block-baseui.json Layered bento grid with imagery, metrics, and smooth motion reveals
npx shadcn@latest add https://ui.tripled.work/r/bento-grid-block-shadcnui.json Animated blog posts grid with staggered cards, date/time indicators, and hover effects (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/blog-block-baseui.json Animated blog posts grid with staggered cards, date/time indicators, and hover effects
npx shadcn@latest add https://ui.tripled.work/r/blog-block-shadcnui.json Beautiful blog post typography with text, links, images, blockquotes, and code examples
npx shadcn@latest add https://ui.tripled.work/r/blog-typography-shadcnui.json Cute bottom-centered modal with smooth slide-up animation and glassmorphism design
npx shadcn@latest add https://ui.tripled.work/r/bottom-modal.json Folder browser with animated tabs and content (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/browse-folder-baseui.json Folder browser with animated tabs and content
npx shadcn@latest add https://ui.tripled.work/r/browse-folder-shadcnui.json Liquid smooth draggable cards slider with shadcn/ui styling and framer-motion animations
npx shadcn@latest add https://ui.tripled.work/r/cards-slider-shadcnui.json Interactive cash flow bar chart with keyboard focus, tooltips, and screen reader support
npx shadcn@latest add https://ui.tripled.work/r/cash-flow-chart.json Fully functional chat interface with animated messages
npx shadcn@latest add https://ui.tripled.work/r/chat-app-shadcnui.json Cinematic theater ticket with rip effect and barcode (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/cinema-ticket-baseui.json Cinematic theater ticket with rip effect and barcode
npx shadcn@latest add https://ui.tripled.work/r/cinema-ticket-shadcnui.json Command palette with search and keyboard navigation
npx shadcn@latest add https://ui.tripled.work/r/command-palette-shadcnui.json Nested comment thread with rich interactions and animations
npx shadcn@latest add https://ui.tripled.work/r/comment-thread-shadcnui.json Animated conference ticket with glassmorphism effects and holographic details (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/conference-ticket-baseui.json Animated conference ticket with glassmorphism effects and holographic details
npx shadcn@latest add https://ui.tripled.work/r/conference-ticket-shadcnui.json Contact form with animated contact info cards, working hours, and interactive icons (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/contact-block-baseui.json Contact form with animated contact info cards, working hours, and interactive icons
npx shadcn@latest add https://ui.tripled.work/r/contact-block-shadcnui.json Contact form section with animated inputs, validation, and form handling (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/contact-form-section-baseui.json Contact form section with animated inputs, validation, and form handling
npx shadcn@latest add https://ui.tripled.work/r/contact-form-section-shadcnui.json Right-click reveals circular expanding radial menu with icons
npx shadcn@latest add https://ui.tripled.work/r/context-menu-bubble-shadcnui.json Right-click context menu with nested items animation
npx shadcn@latest add https://ui.tripled.work/r/context-menu-shadcnui.json Interactive course page with video player, instructor details, curriculum sections, and progress tracking
npx shadcn@latest add https://ui.tripled.work/r/course-content-page-shadcnui.json 3D animated credit card with flip animation to show CVV (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/credit-card-baseui.json 3D animated credit card with flip animation to show CVV
npx shadcn@latest add https://ui.tripled.work/r/credit-card-shadcnui.json Animated call-to-action banner with gradient background and button animations (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/cta-banner-section-baseui.json Animated call-to-action banner with gradient background and button animations
npx shadcn@latest add https://ui.tripled.work/r/cta-banner-section-shadcnui.json Call-to-action section with gradient overlay, animated buttons, and status indicator (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/cta-block-baseui.json Call-to-action section with gradient overlay, animated buttons, and status indicator
npx shadcn@latest add https://ui.tripled.work/r/cta-block-shadcnui.json Engaging hero section with email signup, video preview, and social proof (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/cta-hero-block-baseui.json Engaging hero section with email signup, video preview, and social proof
npx shadcn@latest add https://ui.tripled.work/r/cta-hero-block-shadcnui.json Finance conversion widget with animated inputs, simulated exchange updates, and contextual feedback (Base UI)
npx shadcn@latest add https://ui.tripled.work/r/currency-converter-card-baseui.json Finance conversion widget with animated inputs, simulated exchange updates, and contextual feedback
npx shadcn@latest add https://ui.tripled.work/r/currency-converter-card-shadcnui.json