[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_103":104},"routes/modules.$creator.$moduleId",{"_14":15,"_16":17,"_18":19,"_20":21},"routes/modules.$creator.$moduleId.endpoints",{"_11":12,"_13":-5},"error","Module '@anousss007/blatui' is not configured","tools","module",{"_20":22,"_23":21,"_24":25,"_26":27,"_28":29,"_30":31,"_32":25,"_33":-5,"_34":35,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":47,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":-5,"_76":47,"_77":-5,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91},"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","dev-tools","status","published","metaDescription","metaKeywords","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",1781499586000,"sourceRegistry","official-mcp-registry","sourceUrl","https://registry.modelcontextprotocol.io/v0/servers?search=io.github.anousss007%2Fblatui","sourceVerified",true,"importedAt","upstreamStars",70,"upstreamUpdatedAt",1781447045000,"detectedTransport","detectedAuthType","probeStatus","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/blatui/blatui.svg)](https://packagist.org/packages/blatui/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/blatui/blatui.svg)](LICENSE)\n[![Accessibility: WCAG AA](https://img.shields.io/badge/accessibility-WCAG%20AA-22c55e.svg)](https://blatui.remix-it.com)\n\n**81 components · 416 variants · 64 blocks · 70 charts · accessible (WCAG AA) · fully themeable · light + dark · MIT**\n\n[Live demo & docs → blatui.remix-it.com](https://blatui.remix-it.com)\n\n

\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- **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 blatui/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 @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## 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## 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| `vendor:publish --tag=blatui-foundations` | Publish theme CSS + JS engine |\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,"categoryDisplayName","Developer Tools","upstream",{"_94":95,"_96":97,"_98":99,"_100":101,"_102":-5},"requiredSecrets",[],"tags",[],"assets",[],"stats",{"_92":79,"_93":79},"ratingAvg","reviewCount","topics",[],"license","NOASSERTION","language","Blade","registryName","io.github.anousss007/blatui","homepage","ENV",{"_105":106,"_107":108,"_109":110},"ENVIRONMENT","production","TURNSTILE_SITE_KEY","0x4AAAAAAB8-rEI2gNDf_QhU","SENTRY_DSN","https://45fd1229f78089d5c3ee78be128030e1@o4510583261757440.ingest.de.sentry.io/4510584253448272"]