UI TripleD
282-item shadcn registry of motion components, sections and full pages
Tier S · Best in classRegistryComponent LibraryBlock Collectionui.tripled.work
UI TripleD is an open-source shadcn registry that ships 282 installable items: 165 animated components, 20 base UI pieces, 74 page blocks and 23 complete pages, every one built on Framer Motion over shadcn/ui or Base UI. Most blocks exist in two parallel variants — a `-shadcnui` build on Radix and a `-baseui` build on Base UI — so you pick the primitive layer your project already uses. Alongside the registry it runs three browser tools: a Landing Page Builder that assembles blocks, a shader-driven Background Builder and a Tailwind Grid Generator. Aimed at developers who want motion-heavy marketing and dashboard surfaces without writing the animation choreography.
npx shadcn@latest add https://ui.tripled.work/r/hero-section-shadcnui.jsonFor an agent
Do not scrape the marketing site — it renders as a JS shell and returns nothing useful. Read `https://ui.tripled.work/r/registry.json` instead: it is a full shadcn registry index with names, titles, descriptions and dependency lists for all 282 items, and every item is individually installable at `/r/<name>.json`. Watch the `-shadcnui` versus `-baseui` suffix and pick the one matching the project's primitive layer — mixing them pulls in both Radix and Base UI. Everything depends on `framer-motion`, so this is a poor fit for an RSC-heavy page that must ship near-zero client JS.
Why it is here. One of the very few free registries that carries motion components, full sections and complete pages at this volume, and the only one that mirrors most of its catalog across both Radix and Base UI. The registry JSON makes it directly machine-readable for an agent picking blocks.
Facts
- License
- MIT
- Pricing
- Free, Open source
- Framework
- React, Next.js
- Styling
- Tailwind CSS v4, Tailwind CSS, CSS custom properties
- Distribution
- shadcn registry, Copy-paste snippet, GitHub repository, Web app / online tool, CLI installer
- Platform
- Web
- Content type
- Code
- Agent readiness
- Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source, Client-rendered shell
- Accessibility
- Built on accessible primitives, Accessible
- Maturity
- Actively maintained
- GitHub stars
- 1,311
Components it ships
282 totalHelps you build
20Templates
23- About Us Page · Glassmorphism about page with mission, values and leadership sections
- Profile Page · User profile with gradient cover, stats and a posts feed
- Hero Section · Marketing hero with staggered text and button reveal (Base UI twin available)
- Staggered Text Hero · Alternate hero built around staggered text reveal
- Pricing Section · Animated pricing cards with hover effects and feature lists
- Feature Grid Section · Feature grid with staggered card animations and icon reveals
- Stats Section · Statistics band with animated counters
- Testimonial Section · Carousel-style testimonials with smooth transitions
- FAQ Section · Expandable FAQ accordion with animated transitions
- CTA Banner Section · Gradient call-to-action banner with animated buttons
- Dynamic Spotlight CTA · Cursor-following spotlight that reveals gradient CTA text
- Scroll Reveal · Intersection-observer section that animates into view
- Scroll Progress Tracker · Fixed reading-progress bar that glows on section change
- Auto-Revealing Heading · Heading that reveals letter by letter on scroll
- Toast Notification · Animated toast popup page pattern
- Dashboard · Full admin dashboard block (Base UI twin available)
- Stocks Dashboard · Finance dashboard with charts and tickers
- Kanban Board · Draggable task board block
- Notion Blog Page · Notion-styled blog reading page
- Glassmorphism Portfolio · Portfolio showcase in the glassmorphism family
- Glassmorphism Pricing · Frosted-glass pricing block
- N8N Workflow Block · Node-graph workflow canvas block for automation product pages
- Interactive Logs Table · Filterable log/event table for observability UIs
Notable for
- 282 registry items
- dual shadcn/ui and Base UI builds
- 23 full page templates
- Landing Page and Background builders
- clean registry.json index
Provenance
Verified 2026-08-15. HTTP 200. https://ui.tripled.work (JS shell, no readable text), https://ui.tripled.work/components (JS shell), https://ui.tripled.work/r/registry.json (full 282-item parse), https://ui.tripled.work/r/hero-section-shadcnui.json (200), https://github.com/moumen-soliman/uitripled, GitHub API repos/moumen-soliman/uitripled
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts