Installation

How to install components from the Lyse UI registry.

Use the shadcn CLI to add any component to your project. Dependencies and design tokens are resolved automatically.

Terminal

npx shadcn@latest add https://ui.getlyse.com/r/button.json

Replace button.json with any component name. See the full list on the Components page.

Install all components

To add every component at once, run the following command. Design tokens and dependencies are resolved automatically.

Terminal

npx shadcn@latest add \
  https://ui.getlyse.com/r/button.json \
  https://ui.getlyse.com/r/badge.json \
  https://ui.getlyse.com/r/tag.json \
  https://ui.getlyse.com/r/tooltip.json \
  https://ui.getlyse.com/r/toast.json \
  https://ui.getlyse.com/r/menu.json \
  https://ui.getlyse.com/r/checkbox.json \
  https://ui.getlyse.com/r/radio.json \
  https://ui.getlyse.com/r/toggle.json \
  https://ui.getlyse.com/r/banner-info.json \
  https://ui.getlyse.com/r/avatar.json \
  https://ui.getlyse.com/r/dropdown-menu.json \
  https://ui.getlyse.com/r/select.json \
  https://ui.getlyse.com/r/input.json \
  https://ui.getlyse.com/r/textarea.json \
  https://ui.getlyse.com/r/modal.json \
  https://ui.getlyse.com/r/spinner.json \
  https://ui.getlyse.com/r/progress.json \
  https://ui.getlyse.com/r/action-card.json \
  https://ui.getlyse.com/r/spotlight-card.json \
  https://ui.getlyse.com/r/callout-card.json \
  https://ui.getlyse.com/r/chip.json \
  https://ui.getlyse.com/r/tabs.json

Usage

Import the component and use it in your app:

app.tsx

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

export default function App() {
  return <Button>Click me</Button>
}