Download the PHP package anousss007/blatui without Composer
On this page you can find all versions of the php package anousss007/blatui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download anousss007/blatui
More information about anousss007/blatui
Files in anousss007/blatui
Package blatui
Short Description Open-source shadcn/ui for the BLAT stack (Blade, Laravel, Alpine.js, Tailwind CSS v4). A CLI that copies components you own into your Laravel project.
License MIT
Homepage https://github.com/anousss007/blatui
Informations about the package blatui
🧩 This is the BlatUI monorepo. The Composer package is the repo root (
src/+stubs/) — Packagist reads it directly, socomposer require anousss007/blatuiis unchanged and theapps/are stripped from the dist tarball. Components are authored inapps/demo/and generated intostubs/. See Contributing before editing a component.
Why BlatUI
- Accessible by default. WAI-ARIA roles, complete keyboard navigation & focus management, and WCAG AA color contrast — modeled on shadcn/ui's Base UI behavior, verified in a real browser and audited with axe-core. Accessibility isn't an add-on; it ships in every component.
- You own the code. Components are copied into your project — not hidden in
vendor/. Edit them however you like; updating the package never overwrites your edits. - The BLAT stack. Pure Blade components, a sprinkle of Alpine.js for interactivity, Tailwind CSS v4 for styling. No React, no build-step lock-in.
- Livewire-ready.
wire:modelworks on every form control — inputs, selects, checkboxes, switches, sliders, date/time pickers, file uploads and more — with full two-way binding. A free, you-own-the-code alternative to Flux Pro. See the Livewire guide → - Faithful to shadcn/ui. Same design language, component APIs and blocks — ported to the Laravel way.
- Themeable to the core. Every token is a CSS variable.
Requirements
- PHP 8.2+ · Laravel 11, 12 or 13
- Tailwind CSS v4 · Alpine.js 3 · Node 18+
Installation
Point your two Vite entrypoints at the published foundations — replace each file's contents:
blatui.cssbrings Tailwind, the design tokens and the@thememapping;blatui.jsboots Alpine + its plugins and lazy-loads ApexCharts. Runblatui:initto confirm everything (packages, tokens, imports) is wired up.The foundations are published once and become yours — tweak the tokens, drop the chart engine if you don't need charts, etc.
blatui:initwill tell you what's still missing.
Installing into an existing project
Everything is additive — you don't replace your files.
- Tailwind v4 is required. BlatUI uses v4-only features (
@theme inline, oklch). On Tailwind v3, migrate first withnpx @tailwindcss/upgrade;blatui:initdetects the version. - CSS: add
@import "./blatui.css";to your existingapp.css, below@import "tailwindcss";. -
JS — already running Alpine? Don't import
blatui.js(it would boot a second Alpine). Register BlatUI into your own instance instead, before you start it: -
JS — using Livewire or Flux? Livewire bundles and starts Alpine for you, so don't
npm install alpinejs(that's the duplicate-Alpine trap) and don't importblatui.js. Install only the plugins —npm install -D @alpinejs/anchor @floating-ui/dom @alpinejs/collapse @alpinejs/focus(addapexchartsonly if you use charts) — and register BlatUI onto Livewire's Alpine via thealpine:inithook:BlatUI registers a
themestore for dark mode. If Flux already drives dark mode, passregisterBlatUI(window.Alpine, { darkMode: false })so the two don't both toggle.dark.
Adding components
Components land in resources/views/components/ui/ as Blade tags:
blatui:add prints any extra composer/npm packages a component needs
(e.g. charts pull in apexcharts).
Blocks & charts
Blocks (dashboards, sidebars, login pages…) and the 70 charts are copy-paste from the demo site — they're full-page compositions, not primitives, so you grab the exact source you want rather than installing it:
👉 Browse blocks & charts on the live demo
Commands
| Command | Description |
|---|---|
blatui:init |
Doctor — checks packages, Tailwind v4, theme tokens, Alpine/engine wiring |
blatui:list [component] |
List all component families, or detail one |
blatui:add <components...> |
Copy components (+ deps) into your project |
vendor:publish --tag=blatui-foundations |
Publish theme CSS + JS engine |
Contributing
BlatUI is a monorepo — one repo, one PR, one CI. The Composer package is the repo root;
the demo/docs site and starter kit are apps that live alongside it (excluded from the published
package via .gitattributes).
Components are authored in apps/demo/resources/views/components/ui/ (the only place they
render, so it's the source of truth); stubs/ is generated — don't hand-edit it. After changing
a component, run bash scripts/build-package.sh and commit both. CI fails if they drift.
Full guide: CONTRIBUTING.md.
Credits
BlatUI is a port of shadcn/ui to the Laravel/Blade ecosystem. Thanks to shadcn and contributors. Icons by Lucide. Charts by ApexCharts.
License
MIT — free for personal and commercial use.
All versions of blatui with dependencies
illuminate/console Version ^11.0 || ^12.0 || ^13.0
illuminate/support Version ^11.0 || ^12.0 || ^13.0