Beautiful Laravel UI.
Copy, paste, own it.

The complete shadcn/ui experience — faithfully ported to Blade, Alpine & Tailwind v4. Accessible by default. No npm runtime, no lock-in. You ship the actual code.

// install

$ composer require anousss007/blatui

Browse components Read the docs

WAI-ARIA
Full keyboard & focus
WCAG AA contrast
Light + dark

~/app — blatui

~/app $ php artisan blatui:init

Foundations published · Tailwind wired · Alpine ready

~/app $ php artisan blatui:add button card dialog

✓ Published button.blade.php

✓ Published card.blade.php

✓ Published dialog.blade.php

✓ 3 components — you own the code.

~/app $

// works with your stack

Blade Laravel Alpine.js Tailwind CSS Livewire Inertia shadcn registry ApexCharts

// live preview

Real components, your theme.

Everything below is live. Hit Customize in the header — color, radius, font and shadows restyle this canvas instantly.

Total Revenue

$1,250.00

+12.5%

Create account

Enter your email to get started.

Email me updates

Default Secondary Outline Destructive

blatui

[email protected]

Pro

Ship faster.

Drop in a block and you have a page.

154

Components

643

Variants

Blocks

Charts

Templates

// why blatui

Everything you need. Nothing you don't.

Built the Laravel way — Blade components, Alpine for interactivity, Tailwind v4 for style.

Accessible by default

WAI-ARIA roles, full keyboard navigation, focus management and WCAG AA contrast — every component audited with axe-core.

You own the code

Components are copied into your project with one Artisan command. No black-box dependency, no runtime.

Themeable to the core

Every token is a CSS variable. Recolor, restyle and export your theme in seconds — live.

Zero JS runtime

No React, no build-step lock-in. Just Blade and a sprinkle of Alpine you can actually read.

Dark mode built-in

Every component ships light + dark, switchable instantly and persisted across visits.

Agent-ready

A hosted MCP server, llms.txt and a shadcn-compatible registry so AI tools can install components.

// the workflow

Add it. Read it. Own it.

One Artisan command copies a real Blade file into your project. No compiled dependency, no magic — just readable markup you can edit, theme and keep forever.

php artisan blatui:add <name> — copy a component
Plain Blade + Alpine you can read and edit
Restyle with CSS variables, not forks
shadcn-compatible registry & MCP server

Documentation GitHub

resources/views/welcome.blade.php

{{-- Just paste the markup. You own this file. --}}
<x-ui.button>Get started</x-ui.button>

<x-ui.card class="max-w-sm">
    <x-ui.card-header>
        <x-ui.card-title>Create account</x-ui.card-title>
        <x-ui.card-description>Enter your email below.</x-ui.card-description>
    </x-ui.card-header>
    <x-ui.card-content class="space-y-3">
        <x-ui.input type="email" placeholder="[email protected]" />
        <x-ui.button class="w-full">Sign up</x-ui.button>
    </x-ui.card-content>
</x-ui.card>

// templates