mirror of
https://github.com/moumen-soliman/uitripled
synced 2026-04-21 13:37:20 +00:00
Production-ready UI blocks, components, and full pages available in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Page Builder, Background Builder, and Grid Generator.
Expose an author.username on Component and render a GitHub credit link in AnimationDetailPage, AnimationCard and the components landing cards. Add a new NativeMarquee component and demo (react-baseui) and register a Dashboard block and Native Marquee component in the registry (packages/registry public files). Fix registry paths for the flip-text resource and update native-user-card implementation content (motion/hover tweaks). Also update public llms timestamps. These changes wire up author attribution and add/register new UI pieces in the registry. |
||
|---|---|---|
| .cursor | ||
| .github | ||
| .vscode | ||
| apps/docs | ||
| packages | ||
| .gitignore | ||
| .nvmrc | ||
| .prettierignore | ||
| .prettierrc.json | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| LICENSE.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| turbo.json | ||
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-docsfor 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 Builderfor shadcn/ui landing pagesBackground Builderfor shaders and animated Aurora backgroundsGrid Generatorfor Tailwind CSS grids
Contributing
Contributions are welcome! Please read our Contributing Guide before submitting pull requests.
License
See LICENSE for details.