1

Laravel

PreviousNext

Install and configure Ondo UI for Laravel.

The shadcn CLI does not scaffold a new Laravel app. Start by creating a Laravel app with the React starter kit, then choose how to configure Ondo UI.

Create Project

laravel new my-app
cd my-app

Choose the React starter kit when prompted. If you already have Laravel with React and Inertia configured, skip this step.

Use the CLI
Configure Ondo UI in your Laravel app from the terminal.

Use the CLI

Run the CLI

bunx --bun @dou.so/ondo-ui@latest init -t laravel

The command installs the Ondo theme and provider, configures the @ondo-ui registry, and keeps the Laravel frontend paths detected by shadcn.

Existing Project

Register the Ondo Registry

Add the @ondo-ui namespace to components.json:

components.json
{
  "registries": {
    "@ondo-ui": "https://ui.ondo.dou.so/r/{name}.json"
  }
}

Add the Theme and a Component

bunx --bun shadcn@latest add @ondo-ui/theme @ondo-ui/theme-provider
npx shadcn@latest add @ondo-ui/button

The component is placed in the configured frontend source directory. Follow the theming guide for ThemeProvider setup.

Use the Component

import { Button } from "@/components/ui/button"
 
export default function Example() {
  return <Button>Click me</Button>
}