Scintillar logo/UI

Getting Started

This registry provides reusable UI components that you can install directly into your project using the shadcn CLI.

Prerequisites

Make sure your project is set up with:

  • React 19 or later
  • Tailwind CSS v4
  • shadcn initialized in your project

If you haven't initialized shadcn yet, run:

npx shadcn@latest init

Configure the Registry

Add the Scintillar registry to your project's components.json:

{
  "registries": {
    "@scintillar": "https://ui.scintillar.com/r/{name}.json"
  }
}

Installing Components

Once configured, install any component with:

npx shadcn@latest add @scintillar/button

This will install the component and all of its dependencies into your project.

Project Structure

Components are installed into your project's components directory:

components/
  ui/
    button.tsx
    card.tsx
    ...

Next Steps

  • Browse the Examples to see components in action
  • Check out individual Components for detailed usage