LaralCN-UI copy-and-own Blade components

Plain Blade & Statamic

The ui:* Artisan commands need a Laravel app. If you are on plain Blade, Statamic, or an older project, use Channel B — this website, instead. It is a fully supported, first-class path.

  1. Make sure your project uses Tailwind CSS v4 (CSS-first, @import "tailwindcss").
  2. Install the class-merge helper so overrides work: composer require gehrisandro/tailwind-merge-laravel
  3. Copy the theme variables once from the Theming page into your stylesheet.
  4. Open any component page, click Copy, and paste the source into resources/views/components/ui/<name>.blade.php.
  5. Use it: <x-ui.button>Save</x-ui.button>. For interactive components, include Alpine.js (and the noted plugins).

The source shown on every page is the exact same file the CLI installs — there is no difference between the two channels.