---
name: "@uitripled"
slug: "uitripled"
description: "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."
category: "Animated components"
tags: ["aesthetic", "ai", "animation", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "cms", "crypto", "dashboard", "e-commerce", "forms", "glassmorphism", "icons", "loaders", "marketing", "media", "navigation", "overlays"]
framework: "react"
license: "MIT"
author: "moumen-soliman"
website: "https://ui.tripled.work"
github: "https://github.com/moumen-soliman/uitripled"
registry: "https://ui.tripled.work/r/registry.json"
pro: false
pro_url: null
github_stars: 1272
component_count: 250
generated_at: "2026-07-28T08:59:05.895Z"
---

# @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.

## Links

- Website: https://ui.tripled.work
- GitHub: https://github.com/moumen-soliman/uitripled
- Registry JSON: https://ui.tripled.work/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/uitripled
- This file: https://sh4dcn.vercel.app/md/uitripled.md

## Install

```sh
# add the whole registry (shadcn CLI)
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
# clone the source repo
git clone https://github.com/moumen-soliman/uitripled.git
# fetch the raw registry index
curl -s https://ui.tripled.work/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| about-us-page-shadcnui | registry:page | Glassmorphism 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-baseui | registry:block | 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-shadcnui | registry:block | 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` |
| ai-chat-interface-shadcnui | registry:component | Chat input with attachments, model selector, and accessible controls | `npx shadcn@latest add https://ui.tripled.work/r/ai-chat-interface-shadcnui.json` |
| ai-glow-input-shadcnui | registry:component | 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` |
| ai-loading-skeleton-shadcnui | registry:component | Loading state with diagonal shimmer gradient and opacity wave | `npx shadcn@latest add https://ui.tripled.work/r/ai-loading-skeleton-shadcnui.json` |
| ai-response-typing-shadcnui | registry:component | 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` |
| ai-unlock-animation-shadcnui | registry:ui | Premium unlock animation with particles, ripples, and loading states | `npx shadcn@latest add https://ui.tripled.work/r/ai-unlock-animation-shadcnui.json` |
| animated-accordion-shadcnui | registry:component | Accordion with smooth expand/collapse and rotate arrow | `npx shadcn@latest add https://ui.tripled.work/r/animated-accordion-shadcnui.json` |
| animated-card-stack-baseui | registry:component | Stacked cards that expand on hover (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/animated-card-stack-baseui.json` |
| animated-card-stack-shadcnui | registry:component | Stacked cards that expand on hover | `npx shadcn@latest add https://ui.tripled.work/r/animated-card-stack-shadcnui.json` |
| animated-checkbox-shadcnui | registry:component | Checkbox with checkmark animation | `npx shadcn@latest add https://ui.tripled.work/r/animated-checkbox-shadcnui.json` |
| animated-dialog-shadcnui | registry:component | Modal dialog with backdrop fade and spring animation | `npx shadcn@latest add https://ui.tripled.work/r/animated-dialog-shadcnui.json` |
| animated-list-shadcnui | registry:component | List with staggered item animations | `npx shadcn@latest add https://ui.tripled.work/r/animated-list-shadcnui.json` |
| animated-navbar-shadcnui | registry:component | Navigation bar with animated underline indicator | `npx shadcn@latest add https://ui.tripled.work/r/animated-navbar-shadcnui.json` |
| animated-pagination-shadcnui | registry:component | Pagination with smooth page transition indicator | `npx shadcn@latest add https://ui.tripled.work/r/animated-pagination-shadcnui.json` |
| animated-profile-menu-shadcnui | registry:component | 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` |
| animated-progress-shadcnui | registry:ui | Progress bar with smooth animation | `npx shadcn@latest add https://ui.tripled.work/r/animated-progress-shadcnui.json` |
| animated-quote-block-shadcnui | registry:ui | Quote that types itself in, pauses, then subtly breathes | `npx shadcn@latest add https://ui.tripled.work/r/animated-quote-block-shadcnui.json` |
| animated-radio-shadcnui | registry:component | Radio button group with selection ripple | `npx shadcn@latest add https://ui.tripled.work/r/animated-radio-shadcnui.json` |
| animated-select-shadcnui | registry:component | Select dropdown with smooth open/close animation | `npx shadcn@latest add https://ui.tripled.work/r/animated-select-shadcnui.json` |
| animated-sidebar-shadcnui | registry:component | Sidebar with slide-in animation and overlay | `npx shadcn@latest add https://ui.tripled.work/r/animated-sidebar-shadcnui.json` |
| animated-tabs-shadcnui | registry:component | Tabs with sliding indicator animation | `npx shadcn@latest add https://ui.tripled.work/r/animated-tabs-shadcnui.json` |
| animated-tooltip-shadcnui | registry:component | Tooltip with delay and slide animation | `npx shadcn@latest add https://ui.tripled.work/r/animated-tooltip-shadcnui.json` |
| auto-revealing-heading-shadcnui | registry:page | 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` |
| avatar-group-shadcnui | registry:component | Stacked avatar group with hover reveal and tooltips | `npx shadcn@latest add https://ui.tripled.work/r/avatar-group-shadcnui.json` |
| bento-grid-block-baseui | registry:block | 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` |
| bento-grid-block-shadcnui | registry:block | Layered bento grid with imagery, metrics, and smooth motion reveals | `npx shadcn@latest add https://ui.tripled.work/r/bento-grid-block-shadcnui.json` |
| blog-block-baseui | registry:block | 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` |
| blog-block-shadcnui | registry:block | 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` |
| blog-typography-shadcnui | registry:component | 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` |
| bottom-modal | registry:component | Cute bottom-centered modal with smooth slide-up animation and glassmorphism design | `npx shadcn@latest add https://ui.tripled.work/r/bottom-modal.json` |
| browse-folder-baseui | registry:component | Folder browser with animated tabs and content (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/browse-folder-baseui.json` |
| browse-folder-shadcnui | registry:component | Folder browser with animated tabs and content | `npx shadcn@latest add https://ui.tripled.work/r/browse-folder-shadcnui.json` |
| cards-slider-shadcnui | registry:component | 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` |
| cash-flow-chart | registry:ui | 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` |
| chat-app-shadcnui | registry:component | Fully functional chat interface with animated messages | `npx shadcn@latest add https://ui.tripled.work/r/chat-app-shadcnui.json` |
| cinema-ticket-baseui | registry:component | Cinematic theater ticket with rip effect and barcode (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/cinema-ticket-baseui.json` |
| cinema-ticket-shadcnui | registry:component | Cinematic theater ticket with rip effect and barcode | `npx shadcn@latest add https://ui.tripled.work/r/cinema-ticket-shadcnui.json` |
| command-palette-shadcnui | registry:component | Command palette with search and keyboard navigation | `npx shadcn@latest add https://ui.tripled.work/r/command-palette-shadcnui.json` |
| comment-thread-shadcnui | registry:component | Nested comment thread with rich interactions and animations | `npx shadcn@latest add https://ui.tripled.work/r/comment-thread-shadcnui.json` |
| conference-ticket-baseui | registry:component | Animated conference ticket with glassmorphism effects and holographic details (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/conference-ticket-baseui.json` |
| conference-ticket-shadcnui | registry:component | Animated conference ticket with glassmorphism effects and holographic details | `npx shadcn@latest add https://ui.tripled.work/r/conference-ticket-shadcnui.json` |
| contact-block-baseui | registry:block | 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-block-shadcnui | registry:block | 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-baseui | registry:block | 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-shadcnui | registry:block | Contact form section with animated inputs, validation, and form handling | `npx shadcn@latest add https://ui.tripled.work/r/contact-form-section-shadcnui.json` |
| context-menu-bubble-shadcnui | registry:component | Right-click reveals circular expanding radial menu with icons | `npx shadcn@latest add https://ui.tripled.work/r/context-menu-bubble-shadcnui.json` |
| context-menu-shadcnui | registry:component | Right-click context menu with nested items animation | `npx shadcn@latest add https://ui.tripled.work/r/context-menu-shadcnui.json` |
| course-content-page-shadcnui | registry:component | 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` |
| credit-card-baseui | registry:component | 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` |
| credit-card-shadcnui | registry:component | 3D animated credit card with flip animation to show CVV | `npx shadcn@latest add https://ui.tripled.work/r/credit-card-shadcnui.json` |
| cta-banner-section-baseui | registry:page | 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` |
| cta-banner-section-shadcnui | registry:page | 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` |
| cta-block-baseui | registry:block | 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` |
| cta-block-shadcnui | registry:block | 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` |
| cta-hero-block-baseui | registry:block | 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` |
| cta-hero-block-shadcnui | registry:block | 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` |
| currency-converter-card-baseui | registry:component | 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` |
| currency-converter-card-shadcnui | registry:component | 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` |
| dashboard-baseui | registry:block | Interactive stock portfolio dashboard with status cards, data table, and detailed stock information modal (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/dashboard-baseui.json` |
| dashboard-shadcnui | registry:block | Interactive stock portfolio dashboard with status cards, data table, and detailed stock information modal | `npx shadcn@latest add https://ui.tripled.work/r/dashboard-shadcnui.json` |
| detail-task-card-baseui | registry:component | Task management detail panel with animated assignee chips and editor controls (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/detail-task-card-baseui.json` |
| detail-task-card-shadcnui | registry:component | Task management detail panel with animated assignee chips and editor controls | `npx shadcn@latest add https://ui.tripled.work/r/detail-task-card-shadcnui.json` |
| drag-to-confirm-slider-shadcnui | registry:component | Slider that activates action only when fully dragged to end | `npx shadcn@latest add https://ui.tripled.work/r/drag-to-confirm-slider-shadcnui.json` |
| draggable-list-shadcnui | registry:component | Reorderable list with drag and drop spring physics | `npx shadcn@latest add https://ui.tripled.work/r/draggable-list-shadcnui.json` |
| dynamic-spotlight-cta-shadcnui | registry:page | Floating spotlight follows cursor to reveal gradient CTA text with premium effects | `npx shadcn@latest add https://ui.tripled.work/r/dynamic-spotlight-cta-shadcnui.json` |
| dynamic-tag-cloud-shadcnui | registry:ui | Floating cluster of tags that drift and rearrange when hovered | `npx shadcn@latest add https://ui.tripled.work/r/dynamic-tag-cloud-shadcnui.json` |
| ecommerce-highlight-card-baseui | registry:component | Product spotlight card with blurred border, bundle selector, and fulfillment details (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/ecommerce-highlight-card-baseui.json` |
| ecommerce-highlight-card-shadcnui | registry:component | Product spotlight card with blurred border, bundle selector, and fulfillment details | `npx shadcn@latest add https://ui.tripled.work/r/ecommerce-highlight-card-shadcnui.json` |
| elastic-switch-shadcnui | registry:ui | Toggle switch with elastic spring animation | `npx shadcn@latest add https://ui.tripled.work/r/elastic-switch-shadcnui.json` |
| expanding-search-dock-shadcnui | registry:component | Minimal search icon that expands into full input with blur | `npx shadcn@latest add https://ui.tripled.work/r/expanding-search-dock-shadcnui.json` |
| fade-slide-modal-shadcnui | registry:component | Modal with fade backdrop and slide-up animation | `npx shadcn@latest add https://ui.tripled.work/r/fade-slide-modal-shadcnui.json` |
| faq-accordion-block-baseui | registry:block | Expandable FAQ section with smooth accordion animations (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/faq-accordion-block-baseui.json` |
| faq-accordion-block-shadcnui | registry:block | Expandable FAQ section with smooth accordion animations | `npx shadcn@latest add https://ui.tripled.work/r/faq-accordion-block-shadcnui.json` |
| faq-section-baseui | registry:page | Animated FAQ section with expandable questions and smooth transitions (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/faq-section-baseui.json` |
| faq-section-shadcnui | registry:page | Animated FAQ section with expandable questions and smooth transitions | `npx shadcn@latest add https://ui.tripled.work/r/faq-section-shadcnui.json` |
| feature-cards-block-baseui | registry:block | Three feature cards with icons, hover effects, and glassmorphism styling (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/feature-cards-block-baseui.json` |
| feature-cards-block-shadcnui | registry:block | Three feature cards with icons, hover effects, and glassmorphism styling | `npx shadcn@latest add https://ui.tripled.work/r/feature-cards-block-shadcnui.json` |
| feature-comparison-block-baseui | registry:block | Interactive pricing comparison table with animated checkmarks and plan highlights (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/feature-comparison-block-baseui.json` |
| feature-comparison-block-shadcnui | registry:block | Interactive pricing comparison table with animated checkmarks and plan highlights | `npx shadcn@latest add https://ui.tripled.work/r/feature-comparison-block-shadcnui.json` |
| feature-grid-section-baseui | registry:page | Animated feature grid with staggered card animations and icon reveals (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/feature-grid-section-baseui.json` |
| feature-grid-section-shadcnui | registry:page | Animated feature grid with staggered card animations and icon reveals | `npx shadcn@latest add https://ui.tripled.work/r/feature-grid-section-shadcnui.json` |
| floating-chat-widget-shadcnui | registry:component | Floating chat widget with AI agent selection dropdown and animations | `npx shadcn@latest add https://ui.tripled.work/r/floating-chat-widget-shadcnui.json` |
| floating-gradient-shadcnui | registry:ui | Animated floating gradient background effect | `npx shadcn@latest add https://ui.tripled.work/r/floating-gradient-shadcnui.json` |
| floating-info-panel-shadcnui | registry:ui | Info tooltip that drifts up/down while fading in/out intermittently | `npx shadcn@latest add https://ui.tripled.work/r/floating-info-panel-shadcnui.json` |
| floating-label-input-shadcnui | registry:component | Input with animated floating label | `npx shadcn@latest add https://ui.tripled.work/r/floating-label-input-shadcnui.json` |
| fluid-modal-transition-shadcnui | registry:component | Modal that expands smoothly from clicked trigger element using layoutId | `npx shadcn@latest add https://ui.tripled.work/r/fluid-modal-transition-shadcnui.json` |
| folder-animation | registry:ui | Animated folder card with motion blur effect, perfect for showcasing file operations or loading states | `npx shadcn@latest add https://ui.tripled.work/r/folder-animation.json` |
| folder-animation-carbon | registry:component | Animated folder card with motion blur effect, perfect for showcasing file operations or loading states. | `npx shadcn@latest add https://ui.tripled.work/r/folder-animation-carbon.json` |
| footer-block-baseui | registry:block | Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/footer-block-baseui.json` |
| footer-block-shadcnui | registry:block | Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top | `npx shadcn@latest add https://ui.tripled.work/r/footer-block-shadcnui.json` |
| gallery-grid-block-baseui | registry:block | Filterable image gallery with animated lightbox and navigation (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/gallery-grid-block-baseui.json` |
| gallery-grid-block-shadcnui | registry:block | Filterable image gallery with animated lightbox and navigation | `npx shadcn@latest add https://ui.tripled.work/r/gallery-grid-block-shadcnui.json` |
| glass-account-settings-card-shadcnui | registry:component | Account management card with subscription overview and billing actions in glassmorphic style | `npx shadcn@latest add https://ui.tripled.work/r/glass-account-settings-card-shadcnui.json` |
| glass-blog-card-baseui | registry:component | Glassmorphism blog card with image zoom, author info, and read action (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glass-blog-card-baseui.json` |
| glass-blog-card-shadcnui | registry:component | Glassmorphism blog card with image zoom, author info, and read action | `npx shadcn@latest add https://ui.tripled.work/r/glass-blog-card-shadcnui.json` |
| glass-checkout-card-baseui | registry:component | Glassmorphism checkout card with payment method selector and input fields (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glass-checkout-card-baseui.json` |
| glass-checkout-card-shadcnui | registry:component | Glassmorphism checkout card with payment method selector and input fields | `npx shadcn@latest add https://ui.tripled.work/r/glass-checkout-card-shadcnui.json` |
| glass-forgot-password-card-shadcnui | registry:component | Reset-password screen with glassmorphic styling and status messaging | `npx shadcn@latest add https://ui.tripled.work/r/glass-forgot-password-card-shadcnui.json` |
| glass-order-summary-baseui | registry:component | Glassmorphism order summary card with item list and checkout button (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glass-order-summary-baseui.json` |
| glass-order-summary-shadcnui | registry:component | Glassmorphism order summary card with item list and checkout button | `npx shadcn@latest add https://ui.tripled.work/r/glass-order-summary-shadcnui.json` |
| glass-profile-settings-card-shadcnui | registry:component | Glassmorphic profile settings form with avatar upload, bio, and notification preferences | `npx shadcn@latest add https://ui.tripled.work/r/glass-profile-settings-card-shadcnui.json` |
| glass-sign-in-card-shadcnui | registry:component | Glassmorphic sign-in panel with social auth buttons and email form | `npx shadcn@latest add https://ui.tripled.work/r/glass-sign-in-card-shadcnui.json` |
| glass-sign-up-card-shadcnui | registry:component | Glassmorphic sign-up flow with social providers, email fields, and terms checkbox | `npx shadcn@latest add https://ui.tripled.work/r/glass-sign-up-card-shadcnui.json` |
| glass-verification-code-card-shadcnui | registry:component | Verification code entry with glassmorphic inputs, status messaging, and reduced-motion support | `npx shadcn@latest add https://ui.tripled.work/r/glass-verification-code-card-shadcnui.json` |
| glass-wallet-card-baseui | registry:component | Glassmorphism crypto wallet card with balance, trend, and action buttons (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glass-wallet-card-baseui.json` |
| glass-wallet-card-shadcnui | registry:component | Glassmorphism crypto wallet card with balance, trend, and action buttons | `npx shadcn@latest add https://ui.tripled.work/r/glass-wallet-card-shadcnui.json` |
| glassmorphism-cta-block-baseui | registry:block | Call-to-action section with glassy card, gradient background, and animated buttons (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-cta-block-baseui.json` |
| glassmorphism-cta-block-shadcnui | registry:block | Call-to-action section with glassy card, gradient background, and animated buttons | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-cta-block-shadcnui.json` |
| glassmorphism-hero-block-baseui | registry:block | Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-hero-block-baseui.json` |
| glassmorphism-hero-block-shadcnui | registry:block | Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-hero-block-shadcnui.json` |
| glassmorphism-launch-timeline-block-baseui | registry:block | Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-launch-timeline-block-baseui.json` |
| glassmorphism-launch-timeline-block-shadcnui | registry:block | Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-launch-timeline-block-shadcnui.json` |
| glassmorphism-listen-app-block-baseui | registry:block | Music streaming block with glassmorphism player, curated highlights, and animated controls (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-listen-app-block-baseui.json` |
| glassmorphism-listen-app-block-shadcnui | registry:block | Music streaming block with glassmorphism player, curated highlights, and animated controls | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-listen-app-block-shadcnui.json` |
| glassmorphism-logo-showcase-block-baseui | registry:block | Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-action (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-logo-showcase-block-baseui.json` |
| glassmorphism-logo-showcase-block-shadcnui | registry:block | Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-action | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-logo-showcase-block-shadcnui.json` |
| glassmorphism-minimal-metrics-block-baseui | registry:block | Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-minimal-metrics-block-baseui.json` |
| glassmorphism-minimal-metrics-block-shadcnui | registry:block | Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-minimal-metrics-block-shadcnui.json` |
| glassmorphism-portfolio-block-baseui | registry:block | Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-portfolio-block-baseui.json` |
| glassmorphism-portfolio-block-shadcnui | registry:block | Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-portfolio-block-shadcnui.json` |
| glassmorphism-pricing-block-baseui | registry:block | Pricing cards with glassmorphism effects, hover animations, and feature lists (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-pricing-block-baseui.json` |
| glassmorphism-pricing-block-shadcnui | registry:block | Pricing cards with glassmorphism effects, hover animations, and feature lists | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-pricing-block-shadcnui.json` |
| glassmorphism-product-update-block-baseui | registry:block | Multi-state changelog cards with glass overlays, status badges, and GitHub integration banner (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-product-update-block-baseui.json` |
| glassmorphism-product-update-block-shadcnui | registry:block | Multi-state changelog cards with glass overlays, status badges, and GitHub integration banner | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-product-update-block-shadcnui.json` |
| glassmorphism-statistics-card-baseui | registry:component | Interactive statistics card with hover reveal and smooth transitions (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-statistics-card-baseui.json` |
| glassmorphism-statistics-card-shadcnui | registry:component | Interactive statistics card with hover reveal and smooth transitions | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-statistics-card-shadcnui.json` |
| glassmorphism-testimonials-block-baseui | registry:block | Customer testimonials with glassmorphism cards, star ratings, and hover effects (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-testimonials-block-baseui.json` |
| glassmorphism-testimonials-block-shadcnui | registry:block | Customer testimonials with glassmorphism cards, star ratings, and hover effects | `npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-testimonials-block-shadcnui.json` |
| glowy-waves-hero-baseui | registry:block | Hero section with glowy waves effect (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/glowy-waves-hero-baseui.json` |
| glowy-waves-hero-shadcnui | registry:block | Hero section with glowy waves effect | `npx shadcn@latest add https://ui.tripled.work/r/glowy-waves-hero-shadcnui.json` |
| gradient-animation-shadcnui | registry:ui | Smoothly transitioning gradient background | `npx shadcn@latest add https://ui.tripled.work/r/gradient-animation-shadcnui.json` |
| heart-favorite-shadcnui | registry:ui | Animated heart icon for like/favorite actions | `npx shadcn@latest add https://ui.tripled.work/r/heart-favorite-shadcnui.json` |
| hero-block-baseui | registry:block | Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/hero-block-baseui.json` |
| hero-block-shadcnui | registry:block | Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator | `npx shadcn@latest add https://ui.tripled.work/r/hero-block-shadcnui.json` |
| hero-section-baseui | registry:page | Hero section with staggered text and button reveal (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/hero-section-baseui.json` |
| hero-section-shadcnui | registry:page | Hero section with staggered text and button reveal | `npx shadcn@latest add https://ui.tripled.work/r/hero-section-shadcnui.json` |
| holographic-wall-shadcnui | registry:ui | Black wall with Pharaonic hieroglyphs and golden cursor light reflection | `npx shadcn@latest add https://ui.tripled.work/r/holographic-wall-shadcnui.json` |
| hover-expand-card-baseui | registry:component | Card that lifts and expands on hover (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/hover-expand-card-baseui.json` |
| hover-expand-card-shadcnui | registry:component | Card that lifts and expands on hover | `npx shadcn@latest add https://ui.tripled.work/r/hover-expand-card-shadcnui.json` |
| image-slider-card-shadcnui | registry:component | Image carousel card with keyboard support, reduced motion handling, and screen reader-friendly labels | `npx shadcn@latest add https://ui.tripled.work/r/image-slider-card-shadcnui.json` |
| interactive-logs-table-baseui | registry:block | Observability logs panel with animated filters, search, and expandable rows (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/interactive-logs-table-baseui.json` |
| interactive-logs-table-shadcnui | registry:block | Observability logs panel with animated filters, search, and expandable rows | `npx shadcn@latest add https://ui.tripled.work/r/interactive-logs-table-shadcnui.json` |
| interactive-timeline-shadcnui | registry:component | Vertical timeline where elements animate and connect with lines on scroll | `npx shadcn@latest add https://ui.tripled.work/r/interactive-timeline-shadcnui.json` |
| kanban-board-shadcnui | registry:block | Interactive Kanban board with drag-and-drop, glassmorphism styling, and task management features | `npx shadcn@latest add https://ui.tripled.work/r/kanban-board-shadcnui.json` |
| liquid-cursor-shadcnui | registry:ui | A liquid-like cursor effect that mixes colors on movement | `npx shadcn@latest add https://ui.tripled.work/r/liquid-cursor-shadcnui.json` |
| mac-searchbar-shadcnui | registry:component | Mac-style searchbar with animated dropdown, glassmorphism effects, and smooth transitions | `npx shadcn@latest add https://ui.tripled.work/r/mac-searchbar-shadcnui.json` |
| magnetic-avatar-group-shadcnui | registry:component | Stacked avatars that spread apart on hover showing tooltips | `npx shadcn@latest add https://ui.tripled.work/r/magnetic-avatar-group-shadcnui.json` |
| messenger-shadcnui | registry:component | Glassmorphism messenger workspace with accessible motion and quick replies | `npx shadcn@latest add https://ui.tripled.work/r/messenger-shadcnui.json` |
| minimal-resume-baseui | registry:component | Vercel-inspired minimal resume with clean typography and grid layout (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/minimal-resume-baseui.json` |
| minimal-resume-shadcnui | registry:component | Vercel-inspired minimal resume with clean typography and grid layout | `npx shadcn@latest add https://ui.tripled.work/r/minimal-resume-shadcnui.json` |
| mood-gradient-button-shadcnui | registry:ui | Button with background gradient that shifts based on hover angle | `npx shadcn@latest add https://ui.tripled.work/r/mood-gradient-button-shadcnui.json` |
| multiple-accounts-shadcnui | registry:component | Glassmorphic account switcher with animated dropdown and accessible listbox controls | `npx shadcn@latest add https://ui.tripled.work/r/multiple-accounts-shadcnui.json` |
| n8n-workflow-block-baseui | registry:block | Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/n8n-workflow-block-baseui.json` |
| n8n-workflow-block-shadcnui | registry:block | Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring | `npx shadcn@latest add https://ui.tripled.work/r/n8n-workflow-block-shadcnui.json` |
| native-action-dropdown-baseui | registry:component | A click-driven action picker whose multi-level submenu opens beside the row and drills in place with an animated breadcrumb at a fixed width. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-action-dropdown-baseui.json` |
| native-action-dropdown-shadcnui | registry:component | A click-driven action picker whose multi-level submenu opens beside the row, jumps straight to the selected item, and drills in place with an animated breadcru… | `npx shadcn@latest add https://ui.tripled.work/r/native-action-dropdown-shadcnui.json` |
| native-avatar-expand-baseui | registry:component | Avatar component that expands to reveal the name on click with smooth animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-avatar-expand-baseui.json` |
| native-avatar-expand-shadcnui | registry:component | Avatar component that expands to reveal the name on click with smooth animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-avatar-expand-shadcnui.json` |
| native-avatar-with-name-baseui | registry:component | Avatar component that displays a name tooltip on hover with directional animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-avatar-with-name-baseui.json` |
| native-avatar-with-name-shadcnui | registry:component | Avatar component that displays a name tooltip on hover with directional animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-avatar-with-name-shadcnui.json` |
| native-badge | registry:component | Animated badge component with glass, glow, and outline variants for native feel. | `npx shadcn@latest add https://ui.tripled.work/r/native-badge.json` |
| native-badge-carbon | registry:component | Animated badge component with glass, glow, and outline variants for native feel. | `npx shadcn@latest add https://ui.tripled.work/r/native-badge-carbon.json` |
| native-button-baseui | registry:component | Glassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-button-baseui.json` |
| native-button-shadcnui | registry:component | Glassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling | `npx shadcn@latest add https://ui.tripled.work/r/native-button-shadcnui.json` |
| native-counter-up | registry:component | Animated number counter with smooth easing and accessibility support. | `npx shadcn@latest add https://ui.tripled.work/r/native-counter-up.json` |
| native-counter-up-carbon | registry:component | Animated number counter with smooth easing and accessibility support. | `npx shadcn@latest add https://ui.tripled.work/r/native-counter-up-carbon.json` |
| native-delete-baseui | registry:component | Delete button that expands to show a confirmation button with smooth animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-delete-baseui.json` |
| native-delete-shadcnui | registry:component | Delete button that expands to show a confirmation button with smooth animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-delete-shadcnui.json` |
| native-dialog-baseui | registry:component | A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-dialog-baseui.json` |
| native-dialog-shadcnui | registry:component | A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals. | `npx shadcn@latest add https://ui.tripled.work/r/native-dialog-shadcnui.json` |
| native-flip-text | registry:component | Text that flips through words with a 3D blur transition. | `npx shadcn@latest add https://ui.tripled.work/r/native-flip-text.json` |
| native-flip-text-baseui | registry:component | Text that flips through words with a 3D blur transition. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-flip-text-baseui.json` |
| native-flip-text-carbon | registry:component | Text that flips through words with a 3D blur transition. | `npx shadcn@latest add https://ui.tripled.work/r/native-flip-text-carbon.json` |
| native-flip-text-shadcnui | registry:component | Text that flips through words with a 3D blur transition. | `npx shadcn@latest add https://ui.tripled.work/r/native-flip-text-shadcnui.json` |
| native-follow-cursor | registry:component | Label that smoothly follows the cursor with spring physics and customizable variants. | `npx shadcn@latest add https://ui.tripled.work/r/native-follow-cursor.json` |
| native-follow-cursor-carbon | registry:component | Label that smoothly follows the cursor with spring physics and customizable variants. | `npx shadcn@latest add https://ui.tripled.work/r/native-follow-cursor-carbon.json` |
| native-hover-card-baseui | registry:component | Avatar card that expands on hover to reveal profile information with smooth animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-hover-card-baseui.json` |
| native-hover-card-shadcnui | registry:component | Avatar card that expands on hover to reveal profile information with smooth animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-hover-card-shadcnui.json` |
| native-image-checkbox-baseui | registry:component | Image checkbox component with grayscale filter and checkmark indicator. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-image-checkbox-baseui.json` |
| native-image-checkbox-carbon | registry:component | Image checkbox component with grayscale filter and checkmark indicator. | `npx shadcn@latest add https://ui.tripled.work/r/native-image-checkbox-carbon.json` |
| native-image-checkbox-shadcnui | registry:component | Image checkbox component with grayscale filter and checkmark indicator. | `npx shadcn@latest add https://ui.tripled.work/r/native-image-checkbox-shadcnui.json` |
| native-likes-counter-baseui | registry:component | An interactive likes counter with avatar stack, popup details, and smooth animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-likes-counter-baseui.json` |
| native-likes-counter-shadcnui | registry:component | An interactive likes counter with avatar stack, popup details, and smooth animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-likes-counter-shadcnui.json` |
| native-liquid-button-baseui | registry:component | Button with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-liquid-button-baseui.json` |
| native-liquid-button-shadcnui | registry:component | Button with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions. | `npx shadcn@latest add https://ui.tripled.work/r/native-liquid-button-shadcnui.json` |
| native-magnetic | registry:component | Magnetic wrapper that applies a cursor-following effect to any content. | `npx shadcn@latest add https://ui.tripled.work/r/native-magnetic.json` |
| native-magnetic-baseui | registry:component | Magnetic wrapper that applies a cursor-following effect to any content. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-magnetic-baseui.json` |
| native-magnetic-carbon | registry:component | Magnetic wrapper that applies a cursor-following effect to any content. | `npx shadcn@latest add https://ui.tripled.work/r/native-magnetic-carbon.json` |
| native-magnetic-shadcnui | registry:component | Magnetic wrapper that applies a cursor-following effect to any content. | `npx shadcn@latest add https://ui.tripled.work/r/native-magnetic-shadcnui.json` |
| native-marquee-baseui | registry:component | A smooth, infinite scrolling marquee for logos or text. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-marquee-baseui.json` |
| native-marquee-shadcnui | registry:component | A smooth, infinite scrolling marquee for logos or text. | `npx shadcn@latest add https://ui.tripled.work/r/native-marquee-shadcnui.json` |
| native-morphing-button-baseui | registry:component | Floating action button that morphs into a menu of actions. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-morphing-button-baseui.json` |
| native-morphing-button-carbon | registry:component | Floating action button that morphs into a menu of actions. | `npx shadcn@latest add https://ui.tripled.work/r/native-morphing-button-carbon.json` |
| native-morphing-button-shadcnui | registry:component | Floating action button that morphs into a menu of actions. | `npx shadcn@latest add https://ui.tripled.work/r/native-morphing-button-shadcnui.json` |
| native-nested-list-baseui | registry:component | A nested list component with smooth expand/collapse animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-nested-list-baseui.json` |
| native-nested-list-shadcnui | registry:component | A nested list component with smooth expand/collapse animations, perfect for file explorers or navigation menus. | `npx shadcn@latest add https://ui.tripled.work/r/native-nested-list-shadcnui.json` |
| native-notch-baseui | registry:component | Dynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-notch-baseui.json` |
| native-notch-shadcnui | registry:component | Dynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area | `npx shadcn@latest add https://ui.tripled.work/r/native-notch-shadcnui.json` |
| native-notification-bell-baseui | registry:component | Animated notification bell with badge and ringing effect. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-notification-bell-baseui.json` |
| native-notification-bell-carbon | registry:component | Animated notification bell with badge and ringing effect. | `npx shadcn@latest add https://ui.tripled.work/r/native-notification-bell-carbon.json` |
| native-notification-bell-shadcnui | registry:component | Animated notification bell with badge and ringing effect. | `npx shadcn@latest add https://ui.tripled.work/r/native-notification-bell-shadcnui.json` |
| native-profile-notch-baseui | registry:component | A dynamic expanding notch component for displaying user profiles with smooth spring animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-profile-notch-baseui.json` |
| native-profile-notch-shadcnui | registry:component | A dynamic expanding notch component for displaying user profiles with smooth spring animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-profile-notch-shadcnui.json` |
| native-start-now-baseui | registry:component | Animated button with sparkle effects, loading states, and smooth transitions for starting actions. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-start-now-baseui.json` |
| native-start-now-shadcnui | registry:component | Animated button with sparkle effects, loading states, and smooth transitions for starting actions. | `npx shadcn@latest add https://ui.tripled.work/r/native-start-now-shadcnui.json` |
| native-tabs-baseui | registry:component | A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-tabs-baseui.json` |
| native-tabs-carbon | registry:component | A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-tabs-carbon.json` |
| native-tabs-shadcnui | registry:component | A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations. | `npx shadcn@latest add https://ui.tripled.work/r/native-tabs-shadcnui.json` |
| native-tooltip-baseui | registry:component | A glassmorphism-styled tooltip with smooth spring animations using Framer Motion. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-tooltip-baseui.json` |
| native-tooltip-shadcnui | registry:component | A glassmorphism-styled tooltip with smooth spring animations using Framer Motion. | `npx shadcn@latest add https://ui.tripled.work/r/native-tooltip-shadcnui.json` |
| native-typewriter | registry:component | Typewriter effect with speed control, looping, and blinking cursor. | `npx shadcn@latest add https://ui.tripled.work/r/native-typewriter.json` |
| native-typewriter-baseui | registry:component | Typewriter effect with speed control, looping, and blinking cursor. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-typewriter-baseui.json` |
| native-typewriter-shadcnui | registry:component | Typewriter effect with speed control, looping, and blinking cursor. | `npx shadcn@latest add https://ui.tripled.work/r/native-typewriter-shadcnui.json` |
| native-user-card-baseui | registry:component | Compact user profile card with avatar, name, handle, and action button with spring animations (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-user-card-baseui.json` |
| native-user-card-shadcnui | registry:component | Compact user profile card with avatar, name, handle, and action button with spring animations | `npx shadcn@latest add https://ui.tripled.work/r/native-user-card-shadcnui.json` |
| native-verified-badge-baseui | registry:component | Verified badge component with multiple variants, sizes, and styles including outline and shield designs. (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/native-verified-badge-baseui.json` |
| native-verified-badge-shadcnui | registry:component | Verified badge component with multiple variants, sizes, and styles including outline and shield designs. | `npx shadcn@latest add https://ui.tripled.work/r/native-verified-badge-shadcnui.json` |
| new-hero-section-baseui | registry:block | Modern hero section with gradient background, animated stats, and call-to-action buttons (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/new-hero-section-baseui.json` |
| new-hero-section-shadcnui | registry:block | Modern hero section with gradient background, animated stats, and call-to-action buttons | `npx shadcn@latest add https://ui.tripled.work/r/new-hero-section-shadcnui.json` |
| news-feed-shadcnui | registry:component | Interactive news feed with categories, search, and animated cards | `npx shadcn@latest add https://ui.tripled.work/r/news-feed-shadcnui.json` |
| newsletter-signup-block-baseui | registry:block | Animated newsletter subscription form with success state and gradient background (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/newsletter-signup-block-baseui.json` |
| newsletter-signup-block-shadcnui | registry:block | Animated newsletter subscription form with success state and gradient background | `npx shadcn@latest add https://ui.tripled.work/r/newsletter-signup-block-shadcnui.json` |
| notification-center-shadcnui | registry:component | Multi-variant notification stack with accessible announcements, actions, and motion states | `npx shadcn@latest add https://ui.tripled.work/r/notification-center-shadcnui.json` |
| notion-blog-page-baseui | registry:block | Notion-style publishing playbook with rich text, toggles, and supporting visuals (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/notion-blog-page-baseui.json` |
| notion-blog-page-shadcnui | registry:block | Notion-style publishing playbook with rich text, toggles, and supporting visuals | `npx shadcn@latest add https://ui.tripled.work/r/notion-blog-page-shadcnui.json` |
| our-services-section-baseui | registry:block | Services section with service cards, badges, icons, and hover animations (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/our-services-section-baseui.json` |
| our-services-section-shadcnui | registry:block | Services section with service cards, badges, icons, and hover animations | `npx shadcn@latest add https://ui.tripled.work/r/our-services-section-shadcnui.json` |
| password-input-shadcnui | registry:component | Password input with toggle visibility and strength indicator | `npx shadcn@latest add https://ui.tripled.work/r/password-input-shadcnui.json` |
| preview-details-card-shadcnui | registry:ui | Link card that reveals a smooth detail preview box on hover | `npx shadcn@latest add https://ui.tripled.work/r/preview-details-card-shadcnui.json` |
| pricing-section-baseui | registry:page | Animated pricing cards with hover effects and feature lists (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/pricing-section-baseui.json` |
| pricing-section-shadcnui | registry:page | Animated pricing cards with hover effects and feature lists | `npx shadcn@latest add https://ui.tripled.work/r/pricing-section-shadcnui.json` |
| professional-resume-baseui | registry:component | Clean, formal resume template suitable for corporate applications (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/professional-resume-baseui.json` |
| professional-resume-shadcnui | registry:component | Clean, formal resume template suitable for corporate applications | `npx shadcn@latest add https://ui.tripled.work/r/professional-resume-shadcnui.json` |
| profile-page-shadcnui | registry:page | User profile with gradient cover, stats, and posts feed | `npx shadcn@latest add https://ui.tripled.work/r/profile-page-shadcnui.json` |
| project-card-baseui | registry:component | Glassmorphism project card with links, tags, and hover effects (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/project-card-baseui.json` |
| project-card-shadcnui | registry:component | Glassmorphism project card with links, tags, and hover effects | `npx shadcn@latest add https://ui.tripled.work/r/project-card-shadcnui.json` |
| projects-block-baseui | registry:component | Animated project card with hover effects, image zoom, and link buttons (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/projects-block-baseui.json` |
| projects-block-shadcnui | registry:component | Animated project card with hover effects, image zoom, and link buttons | `npx shadcn@latest add https://ui.tripled.work/r/projects-block-shadcnui.json` |
| reactive-background-grid-shadcnui | registry:ui | Background pattern that reacts to mouse movement and click ripples | `npx shadcn@latest add https://ui.tripled.work/r/reactive-background-grid-shadcnui.json` |
| resume-card-baseui | registry:component | Professional resume template with animated sections and interactive elements (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/resume-card-baseui.json` |
| resume-card-shadcnui | registry:component | Professional resume template with animated sections and interactive elements | `npx shadcn@latest add https://ui.tripled.work/r/resume-card-shadcnui.json` |
| ripple-click-button-shadcnui | registry:ui | Material design inspired ripple effect on click | `npx shadcn@latest add https://ui.tripled.work/r/ripple-click-button-shadcnui.json` |
| scale-hover-button-shadcnui | registry:ui | A button that scales up smoothly on hover | `npx shadcn@latest add https://ui.tripled.work/r/scale-hover-button-shadcnui.json` |
| scroll-progress-tracker-shadcnui | registry:page | Fixed progress bar that follows scroll and glows on section changes | `npx shadcn@latest add https://ui.tripled.work/r/scroll-progress-tracker-shadcnui.json` |
| scroll-reveal-baseui | registry:page | Section that animates into view on scroll with intersection observer (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/scroll-reveal-baseui.json` |
| scroll-reveal-shadcnui | registry:page | Section that animates into view on scroll with intersection observer | `npx shadcn@latest add https://ui.tripled.work/r/scroll-reveal-shadcnui.json` |
| services-grid-block-baseui | registry:block | 8-column responsive services grid with icons, features, and hover effects (Base UI) | `npx shadcn@latest add https://ui.tripled.work/r/services-grid-block-baseui.json` |
| services-grid-block-shadcnui | registry:block | 8-column responsive services grid with icons, features, and hover effects | `npx shadcn@latest add https://ui.tripled.work/r/services-grid-block-shadcnui.json` |

## For AI agents

```text
You are adding components from @uitripled to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/uitripled.md) for the component list.
2. Fetch the machine-readable index: https://ui.tripled.work/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: uitripled).
```
