[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_109":110},"routes/modules.$creator.$moduleId",{"_14":15,"_16":17,"_18":19,"_20":21},"routes/modules.$creator.$moduleId.endpoints",{"_11":12,"_13":-5},"error","Module not found","tools","module",{"_20":22,"_23":21,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":25,"_35":36,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_56":48,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":48,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":48,"_82":-5,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94},"apiUrl","https://odel.app/api","creator","anousss007","moduleId","blatui","@anousss007/blatui","displayName","tagline","shadcn/ui for Laravel Blade — discover, read and install BlatUI components, blocks and charts.","iconKey","https://avatars.githubusercontent.com/u/4137453?v=4","category","remote","status","published","visibility","public","metaDescription","deploymentType","external","workerName","bindingName","mcpConfig","{\"url\":\"https://blatui.remix-it.com/mcp\",\"transport\":\"streamable-http\",\"authType\":\"none\"}","pricingModel","free","creatorUserId","system:external-import","createdAt",1781363387000,"updatedAt",1788777579000,"sourceRegistry","official-mcp-registry","sourceUrl","https://registry.modelcontextprotocol.io/v0/servers?search=io.github.anousss007%2Fblatui","sourceVerified",true,"sourceMissingSince","importedAt","upstreamStars",242,"upstreamUpdatedAt",1788411346000,"detectedTransport","streamable-http","detectedAuthType","none","probeStatus","ok","lastProbedAt","githubRepoUrl","https://github.com/anousss007/blatui","githubRepoFullName","anousss007/blatui","releaseId","ext-anousss007-blatui","version","1.0.0","descriptionMarkdown","

\n\n# BlatUI\n\n### shadcn/ui for the **BLAT** stack — **B**lade · **L**aravel · **A**lpine · **T**ailwind\n\nA CLI that copies open-source, copy-paste UI components **you own** straight into your Laravel project.\n\n[![Latest Version](https://img.shields.io/packagist/v/anousss007/blatui.svg)](https://packagist.org/packages/anousss007/blatui)\n[![CI](https://github.com/anousss007/blatui/actions/workflows/ci.yml/badge.svg)](https://github.com/anousss007/blatui/actions/workflows/ci.yml)\n[![License](https://img.shields.io/packagist/l/anousss007/blatui.svg)](LICENSE)\n[![Accessibility: WCAG AA](https://img.shields.io/badge/accessibility-WCAG%20AA-22c55e.svg)](https://blatui.remix-it.com)\n\n**155 components · 614 variants · 64 blocks · 70 charts · accessible (WCAG AA) · Livewire-ready · fully themeable · light + dark · MIT**\n\n[Live demo & docs → blatui.remix-it.com](https://blatui.remix-it.com)\n\n

\n\n> 🧩 **This is the BlatUI monorepo.** The Composer package is the repo **root** (`src/` + `stubs/`)\n> — Packagist reads it directly, so `composer require anousss007/blatui` is unchanged and the\n> `apps/` are stripped from the dist tarball. Components are **authored in `apps/demo/`** and\n> generated into `stubs/`. See [Contributing](#contributing) before editing a component.\n\n---\n\n## Why BlatUI\n\n- **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.\n- **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.\n- **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.\n- **Livewire-ready.** `wire:model` works 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 →](https://blatui.remix-it.com/docs/livewire)\n- **Faithful to shadcn/ui.** Same design language, component APIs and blocks — ported to the Laravel way.\n- **Themeable to the core.** Every token is a CSS variable.\n\n## Requirements\n\n- PHP 8.2+ · Laravel 11, 12 or 13\n- Tailwind CSS v4 · Alpine.js 3 · Node 18+\n\n## Installation\n\n```bash\n# 1. Install the CLI\ncomposer require anousss007/blatui\n\n# 2. Peer packages used by the components\ncomposer require gehrisandro/tailwind-merge-laravel mallardduck/blade-lucide-icons\nnpm install -D alpinejs @alpinejs/anchor @floating-ui/dom @alpinejs/collapse @alpinejs/focus\n\n# 3. Publish the foundations (theme tokens + Alpine/chart/calendar engine)\nphp artisan vendor:publish --tag=blatui-foundations\n# → resources/css/blatui.css (oklch design tokens, presets, light/dark)\n# → resources/js/blatui.js (greenfield bootstrap — boots Alpine for you)\n# → resources/js/blatui-core.js (engine: registerBlatUI, for apps already running Alpine)\n\n# 4. Verify your setup\nphp artisan blatui:init\n```\n\nPoint your two Vite entrypoints at the published foundations — **replace** each file's contents:\n\n```css\n/* resources/css/app.css */\n@import \"./blatui.css\";\n```\n```js\n// resources/js/app.js\nimport \"./blatui.js\";\n```\n\n> `blatui.css` brings Tailwind, the design tokens and the `@theme`\n> mapping; `blatui.js` boots Alpine + its plugins and lazy-loads ApexCharts. Run\n> `blatui:init` to confirm everything (packages, tokens, imports) is wired up.\n\n> The foundations are published once and become *yours* — tweak the tokens, drop\n> the chart engine if you don't need charts, etc. `blatui:init` will tell you\n> what's still missing.\n\n### Installing into an existing project\n\nEverything is **additive** — you don't replace your files.\n\n- **Tailwind v4 is required.** BlatUI uses v4-only features (`@theme inline`, oklch). On\n Tailwind v3, migrate first with `npx @tailwindcss/upgrade`; `blatui:init` detects the version.\n- **CSS:** add `@import \"./blatui.css\";` to your existing `app.css`, below `@import \"tailwindcss\";`.\n- **JS — already running Alpine?** Don't import `blatui.js` (it would boot a second Alpine).\n Register BlatUI into your own instance instead, before you start it:\n\n```js\nimport Alpine from 'alpinejs'\nimport { registerBlatUI } from './blatui-core.js'\n\nregisterBlatUI(Alpine) // plugins + theme store + chart/calendar engines\nwindow.Alpine = Alpine\nAlpine.start()\n```\n\n- **JS — using Livewire or Flux?** Livewire bundles and starts Alpine for you, so don't\n `npm install alpinejs` (that's the duplicate-Alpine trap) and don't import `blatui.js`.\n Install only the plugins — `npm install -D @alpinejs/anchor @floating-ui/dom @alpinejs/collapse @alpinejs/focus`\n (add `apexcharts` only if you use charts) — and register BlatUI onto Livewire's Alpine via\n the `alpine:init` hook:\n\n```js\nimport { registerBlatUI } from './blatui-core.js'\n\ndocument.addEventListener('alpine:init', () => {\n registerBlatUI(window.Alpine)\n})\n```\n\n BlatUI registers a `theme` store for dark mode. If Flux already drives dark mode, pass\n `registerBlatUI(window.Alpine, { darkMode: false })` so the two don't both toggle `.dark`.\n\n## Adding components\n\n```bash\n# Add one or more — dependencies are resolved automatically\nphp artisan blatui:add button card input\n\n# See everything you can add — components, blocks & charts\nphp artisan blatui:list\n\n# Details for a single component\nphp artisan blatui:list select\n\n# Everything at once\nphp artisan blatui:add --all\n```\n\nComponents land in `resources/views/components/ui/` as Blade tags:\n\n```blade\n\n \n Welcome back\n Sign in to continue.\n \n \n \n Sign in\n \n\n```\n\n`blatui:add` prints any extra `composer`/`npm` packages a component needs\n(e.g. charts pull in `apexcharts`).\n\n## Keeping components up to date\n\nYou own the copied files, so an upgrade is never automatic — `blatui:update`\nshows you what changed and lets you decide, file by file:\n\n```bash\n# What would change across everything you have installed?\nphp artisan blatui:update --dry-run --diff\n\n# Update, confirming each file that differs from the version we ship\nphp artisan blatui:update\n\n# Just these families, no questions asked (your version is kept as .bak)\nphp artisan blatui:update button card --force\n```\n\nA file that differs is either your customisation or an outdated copy — nothing on\ndisk tells the two apart, so BlatUI never overwrites one without showing the diff\nand asking. `--force` still writes a `.bak` next to each file it replaces (opt out\nwith `--no-backup`). Files a family gained in a newer release are simply added.\n\nRunning Pint or Prettier over `resources/views`? Your formatter rewrites the\nlayout of every component you copied, and all of them then read as changed. They\nare counted separately as *same content, reformatted*, and `--ignore-whitespace`\nleaves them out:\n\n```bash\nphp artisan blatui:update --dry-run --ignore-whitespace\n```\n\nThe CSS/JS foundations are published, not copied — re-sync those with\n`vendor:publish --tag=blatui-foundations --force`; `blatui:init` tells you when\nthe engine has fallen behind.\n\n## Blocks & charts\n\nBlocks (dashboards, sidebars, login pages…) and the 70 charts are **copy-paste\nfrom the demo site** — they're full-page compositions, not primitives, so you\ngrab the exact source you want rather than installing it:\n\n👉 **[Browse blocks & charts on the live demo](https://blatui.remix-it.com/blocks)**\n\n## Commands\n\n| Command | Description |\n|---|---|\n| `blatui:init` | Doctor — checks packages, Tailwind v4, theme tokens, Alpine/engine wiring |\n| `blatui:list [component]` | List all component families, or detail one |\n| `blatui:add ` | Copy components (+ deps) into your project |\n| `blatui:update [components...]` | Diff installed components against this version and update them (`--dry-run`, `--diff`, `--force`, `--ignore-whitespace`) |\n| `blatui:doctor [path]` | Scan your Blade for known footguns (typeless buttons in forms, leaked tags) |\n| `blatui:mcp` | Run the MCP server (stdio) so an AI editor can search and install components |\n| `vendor:publish --tag=blatui-foundations` | Publish theme CSS + JS engine |\n\n## Contributing\n\nBlatUI is a **monorepo** — one repo, one PR, one CI. The Composer package is the repo root;\nthe demo/docs site and starter kit are apps that live alongside it (excluded from the published\npackage via `.gitattributes`).\n\n```\ncomposer.json src/ stubs/ → the published package (this is what `composer require` gets)\napps/demo/ → authors AND renders every component; the live docs site\napps/starter/ → the Laravel starter kit\nscripts/build-package.sh → regenerates stubs/ from apps/demo (CI enforces it)\n```\n\nComponents are **authored in `apps/demo/resources/views/components/ui/`** (the only place they\nrender, so it's the source of truth); `stubs/` is generated — don't hand-edit it. After changing\na component, run `bash scripts/build-package.sh` and commit both. CI fails if they drift.\nFull guide: [CONTRIBUTING.md](https://github.com/anousss007/blatui/blob/main/CONTRIBUTING.md).\n\n## Credits\n\nBlatUI is a port of [**shadcn/ui**](https://ui.shadcn.com) to the Laravel/Blade\necosystem. Thanks to [shadcn](https://twitter.com/shadcn) and contributors.\nIcons by [Lucide](https://lucide.dev). Charts by [ApexCharts](https://apexcharts.com).\n\n## License\n\n[MIT](https://github.com/anousss007/blatui/blob/main/LICENSE) — free for personal and commercial use.\n","changelogMarkdown","videoKey","requiredSecretsJson","publishedAt","priceCents","trialDays",0,"upstream",{"_97":98,"_99":100,"_101":102,"_103":104,"_105":106,"_107":108},"requiredSecrets",[],"tags",[],"assets",[],"stats",{"_95":84,"_96":84},"ratingAvg","reviewCount","topics",[],"license","NOASSERTION","language","Blade","registryName","io.github.anousss007/blatui","homepage","https://blatui.remix-it.com","packages",[],"ENV",{"_111":112,"_113":114,"_115":116},"ENVIRONMENT","production","TURNSTILE_SITE_KEY","0x4AAAAAAB8-rEI2gNDf_QhU","SENTRY_DSN","https://45fd1229f78089d5c3ee78be128030e1@o4510583261757440.ingest.de.sentry.io/4510584253448272"]