@eidge-vibes/ds

A design system built on shadcn/ui with Radix primitives, Tailwind CSS 4, and the Lyra theme.

• 55 components — All shadcn/ui components, pre-configured and ready to use
• Yellow / Zinc theme — Lyra style with Public Sans font
• Framework agnostic — Works with Vite, Next.js, Remix, or any React framework
• Tree-shakeable — ESM + CJS, import only what you need
• TypeScript first — Full type definitions included
• LLM-friendly docs — See COMPONENTS.md for a structured API reference

Quick Start

npm install @eidge-vibes/ds

Import the CSS in your app entry:

import "@eidge-vibes/ds/styles.css"

Add to your Tailwind content source:

@import "tailwindcss";
@source "./node_modules/@eidge-vibes/ds/dist/**/*.js";

Use components:

import { Button, Card, CardHeader, CardTitle, CardContent } from "@eidge-vibes/ds"

export function Example() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Welcome</CardTitle>
      </CardHeader>
      <CardContent>
        <Button>Get Started</Button>
      </CardContent>
    </Card>
  )
}

Documentation

• Installation & Setup — Detailed setup for Vite, Next.js, and more
• Component Reference — Complete API reference for all components (LLM-optimized)
• Storybook — Run pnpm dev in this repo to browse components interactively

Development

# Install dependencies
pnpm install

# Run Storybook (dev mode)
pnpm dev

# Build the library
pnpm build

# Build Storybook static site
pnpm build-storybook

# Type check
pnpm typecheck

# Lint
pnpm lint

Peer Dependencies

| Dependency | Required | Used by | |---|---|---| | react ^18 || ^19 | ✅ | All components | | react-dom ^18 || ^19 | ✅ | All components | | tailwindcss ^4 | ✅ | Styling | | react-day-picker + date-fns | Optional | Calendar | | embla-carousel-react | Optional | Carousel | | recharts | Optional | Chart | | cmdk | Optional | Command | | input-otp | Optional | InputOTP | | react-resizable-panels | Optional | Resizable | | sonner | Optional | Toaster | | vaul | Optional | Drawer | | next-themes | Optional | Sidebar |

License

MIT