oms-uitripled

Overview

uitripled is a Turborepo monorepo that distributes 171 animated React components (shadcn/ui variant) via a copy-paste model: the CLI copies source files into your project — it is not an installable npm package for direct imports. All components are built with React 19, Next.js 16, TypeScript, Tailwind CSS 4, and Framer Motion.

• Source: github.com/moumen-soliman/uitripled @ a5ffb45b (master)
• Version: @uitripled/[email protected] | uitripled CLI @1.1.0
• Tier: Deep — AST-verified extraction + QMD enrichment
• Scope: react-shadcn variant only (171/278 registry items). react-baseui (88) and react-carbon (19) are deferred to separate skills.
• Registry catalog: 171 entries — 15 pages, 38 blocks, 99 components, 19 UI leaves. [SRC:packages/registry/registry.json:L1]

Quick Start

Install a component — the authoritative path per the project's own LLM docs uses the shadcn CLI with the @uitripled/ namespace:

npx shadcn@latest add @uitripled/hero-section-shadcnui

[SRC:apps/docs/public/llms-full.txt:L49] — confirmed across all 171 shadcn entries.

Alternative CLI path (standalone uitripled package, same output):

npx uitripled add hero-section-shadcnui
npx uitripled add hero-section-shadcnui --overwrite

[SRC:packages/uitripled/src/index.ts:L15] [SRC:packages/uitripled/README.md:L14]

Wrap your app in the mandatory providers (both are required for theme-aware and variant-aware components):

// app/providers.tsx
"use client";
import { ThemeProvider } from "@/components/theme-provider";
import { UILibraryProvider } from "@/components/ui-library-provider";

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <ThemeProvider defaultTheme="system">
      <UILibraryProvider>{children}</UILibraryProvider>
    </ThemeProvider>
  );
}

[SRC:packages/components/react-shadcn/src/components/theme-provider.tsx:L17] [SRC:packages/components/react-shadcn/src/ui-library-provider.tsx:L32]