Getting Started

Learn how to integrate Recura's design system into your development workflow.

Installation

Install our core package and its dependencies via npm or yarn.

Configuration

Set up your Tailwind config and theme provider for full dark mode support.

Usage

Start importing components and building beautiful dashboard layouts.

Quick Setup

Terminal Installation

Run the following command in your terminal to get started.

npm install @recura/ui lucide-react

npm install @recura/ui lucide-react clsx tailwind-merge

Basic Usage

Import and use components directly in your React pages.

Component preview will appear here

import { Button } from "@/components/ui/button"

export default function Page() {
  return (
    <Button variant="primary">
      Hello Recura
    </Button>
  )
}