English | 简体中文

UI TripleD

Production-ready UI blocks, components, and full pages available in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Builder, Background Builder, and Grid Generator.

Docs · Report a bug · Feature request ·

Features

• Production-Ready Components - Carefully crafted UI components built with shadcn/ui & Framer Motion
• Landing Builder - Drag-and-drop shadcn/ui blocks to assemble full landing pages in seconds
• Background Builder - Shader-powered and animated Aurora backgrounds, fast to tweak and export
• Grid Generator - Compose complex Tailwind CSS grid layouts with just a few clicks
• TypeScript Support - Full type safety throughout

Turbo Monorepo

• Managed with Turborepo and pnpm workspaces
• Run tasks via turbo run <script> (e.g., pnpm dev --filter=uitripled-docs for the docs app)
• Node.js 18+ is required

Tech Stack

• Turborepo + pnpm Workspaces
• Next.js 16
• React 19
• TypeScript
• Tailwind CSS
• Framer Motion
• shadcn/ui
• Base UI
• Radix UI

Sponsored by

Vercel	shadcn/studio	Shadcncraft
Shadcnblocks.com	OpenPanel	lucide-animated
ReactBits	shadcnspace	Efferd
Shoogle

Getting Started

Install dependencies:

pnpm install

Run the development server:

pnpm dev --filter=uitripled-docs

Open http://localhost:3000 in your browser.

Usage

Browse components in the library, preview them, and copy the code directly into your project. Use the visual builder to customize components and see live previews. Try the specialized builders:

• Landing Builder for shadcn/ui landing pages
• Background Builder for shaders and animated Aurora backgrounds
• Grid Generator for Tailwind CSS grids

Contributing

Contributions are welcome! Please read our Contributing Guide before submitting pull requests.

License

See LICENSE for details.