Guides
Navigation
Feedback
Overlays
Layout
Data Display
Forms

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 block once from the Theming page into your stylesheet. Copy all of it, including the @layer base rule at the bottom — Tailwind v4 defaults border-color to currentColor, so without it every card and divider draws a black border.
  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>. Interactive components carry their own inline <script>, so there is nothing else to load.

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