Getting Started

Introduction

Off By One UI is an open source component registry that we share with the community. Built with React and Tailwind CSS, components can be installed via the shadcn CLI or copied directly into your project.

Installation

Make sure you have a React project with Tailwind CSS configured. Then use the shadcn CLI to add components:

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

Using Components

After installation, import and use components in your React code:

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

export function MyComponent() {
  return (
    <Button variant="default">
      Click me
    </Button>
  )
}

Dependencies

Components use the following utility packages:

• class-variance-authority - For component variants
• clsx - For conditional class names
• tailwind-merge - For merging Tailwind classes