A shadcn-compatible component library built for Astro, designed for content-driven websites.

• Vanilla Astro Components — No framework dependencies, pure Astro components
• shadcn Compatible — Uses the shadcn CLI and registry system for easy installation
• Content-First — Built for content-driven websites with components like sections and tiles
• 100+ Components & Blocks — Ready-to-use UI components and pre-built page blocks
• Tailwind CSS v4 — Styled with the latest Tailwind CSS
• TypeScript — Full TypeScript support

• Node.js 18+
• pnpm (recommended) or npm

1. Create a new Astro project (skip if you have one):

npx create-astro@latest my-project --template with-tailwindcss --install --git
cd my-project

2. Configure TypeScript paths in tsconfig.json:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

3. Initialize shadcn:

npx shadcn@latest init

4. Add fulldev/ui registry to components.json:

{
  "registries": {
    "@fulldev-ui": "https://ui.full.dev/r/{name}.json"
  }
}

5. Add components:

pnpm dlx shadcn@latest add @fulldev-ui/button

Visit ui.full.dev for complete documentation, component examples, and usage guides.

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

# Type check
pnpm check

We welcome contributions! Please see CONTRIBUTING.md for guidelines.

• Discord — Join our Discord server to share your work and get support
• Issues — Report bugs and request features on GitHub Issues

MIT License — Copyright (c) 2024–present Fulldev