# BlatUI

> shadcn/ui for the BLAT stack — Blade, Laravel, Alpine.js, Tailwind CSS v4. Open-source (MIT), copy-paste, accessible (WCAG AA) UI components you own. No JS runtime lock-in. Works with or without Livewire.

Install the CLI: `composer require anousss007/blatui`, then `php artisan blatui:add <component>`.
Every component, block and chart is also installable from this registry: `https://blatui.remix-it.com/r/<name>.json` (shadcn registry-item schema).

## Forms & Input

- [Button](https://blatui.remix-it.com/components/button): Displays a button or a component that looks like a button. — `php artisan blatui:add button`
- [Button Group](https://blatui.remix-it.com/components/button-group): Groups related buttons together with consistent styling. — `php artisan blatui:add button-group`
- [Copy Button](https://blatui.remix-it.com/components/copy-button): A button that copies text to the clipboard, with a copied state and a live announcement. — `php artisan blatui:add copy-button`
- [Input](https://blatui.remix-it.com/components/input): Displays a form input field or a component that looks like an input field. — `php artisan blatui:add input`
- [Input Group](https://blatui.remix-it.com/components/input-group): Group inputs with text, buttons, icons, and more. — `php artisan blatui:add input-group`
- [Input OTP](https://blatui.remix-it.com/components/input-otp): Accessible one-time password component with copy-paste functionality. — `php artisan blatui:add input-otp`
- [Number Input](https://blatui.remix-it.com/components/number-input): A numeric stepper with minus/plus buttons that clamp a value to an optional min, max and step. — `php artisan blatui:add number-input`
- [Knob](https://blatui.remix-it.com/components/knob): A rotary dial input — drag, scroll or use the keyboard to set a value. — `php artisan blatui:add knob`
- [Phone Input](https://blatui.remix-it.com/components/phone-input): A phone number field with a searchable country-code selector. — `php artisan blatui:add phone-input`
- [Textarea](https://blatui.remix-it.com/components/textarea): A form textarea that auto-grows to fit its content, with optional rows and a max-rows cap. — `php artisan blatui:add textarea`
- [Rich Text Editor](https://blatui.remix-it.com/components/rich-text-editor): A lightweight, dependency-free WYSIWYG editor with a formatting toolbar. — `php artisan blatui:add rich-text-editor`
- [Markdown Editor](https://blatui.remix-it.com/components/markdown-editor): A Markdown textarea with a live preview, formatting toolbar and Write/Preview tabs. — `php artisan blatui:add markdown-editor`
- [Label](https://blatui.remix-it.com/components/label): Renders an accessible label associated with controls. — `php artisan blatui:add label`
- [Field](https://blatui.remix-it.com/components/field): Combine labels, controls, and help text to compose accessible form fields. — `php artisan blatui:add field`
- [Repeater](https://blatui.remix-it.com/components/repeater): Addable / removable field rows (a form field-array) that submit as an array. — `php artisan blatui:add repeater`
- [Checkbox](https://blatui.remix-it.com/components/checkbox): A control that allows the user to toggle between checked and not checked. — `php artisan blatui:add checkbox`
- [Radio Group](https://blatui.remix-it.com/components/radio-group): A set of checkable buttons where no more than one can be checked at a time. — `php artisan blatui:add radio-group`
- [Switch](https://blatui.remix-it.com/components/switch): A control that allows the user to toggle between an on and off state. — `php artisan blatui:add switch`
- [Segmented Control](https://blatui.remix-it.com/components/segmented-control): An iOS-style segmented control for picking one option from a small set. — `php artisan blatui:add segmented-control`
- [Select](https://blatui.remix-it.com/components/select): Displays a list of options for the user to pick from, triggered by a button. — `php artisan blatui:add select`
- [Combobox](https://blatui.remix-it.com/components/combobox): A filterable picker over a list of options — button or inline-input trigger, single or multi-select. — `php artisan blatui:add combobox`
- [Tags Input](https://blatui.remix-it.com/components/tags-input): A tag entry field — type and press Enter or comma to add removable chips, with form-array submission. — `php artisan blatui:add tags-input`
- [Mention Input](https://blatui.remix-it.com/components/mention-input): A textarea that surfaces a suggestion list when you type @ to insert a mention. — `php artisan blatui:add mention-input`
- [Signature Pad](https://blatui.remix-it.com/components/signature-pad): Draw a signature on a canvas and capture it as a data URL, with clear and undo. — `php artisan blatui:add signature-pad`
- [Slider](https://blatui.remix-it.com/components/slider): An input where the user selects a value — single, or a two-handle min–max range. — `php artisan blatui:add slider`
- [Toggle](https://blatui.remix-it.com/components/toggle): A two-state button that can be either on or off. — `php artisan blatui:add toggle`
- [Toggle Group](https://blatui.remix-it.com/components/toggle-group): A set of two-state buttons that can be toggled on or off. — `php artisan blatui:add toggle-group`
- [Rating](https://blatui.remix-it.com/components/rating): A star rating input with hover preview, keyboard support and a hidden field for forms. — `php artisan blatui:add rating`
- [Color Picker](https://blatui.remix-it.com/components/color-picker): Accessible colour selection with a hue slider, a validating hex field and a preset swatch palette. — `php artisan blatui:add color-picker`
- [Password Strength](https://blatui.remix-it.com/components/password-strength): A password field with a live strength meter and an optional requirements checklist. — `php artisan blatui:add password-strength`
- [File Upload](https://blatui.remix-it.com/components/file-upload): A drag-and-drop dropzone with image thumbnails, file sizes and per-file progress bars. — `php artisan blatui:add file-upload`
- [Editable](https://blatui.remix-it.com/components/editable): Click-to-edit inline text that swaps the value for an input, saving on Enter or blur. — `php artisan blatui:add editable`
- [Calendar](https://blatui.remix-it.com/components/calendar): A date field component that allows users to enter and edit dates. — `php artisan blatui:add calendar`
- [Date Picker](https://blatui.remix-it.com/components/date-picker): A date picker component with a calendar popover. — `php artisan blatui:add date-picker`
- [Date & Time Picker](https://blatui.remix-it.com/components/datetime-picker): Pick a date and a time together — single or range — in one popover. — `php artisan blatui:add datetime-picker`
- [Time Field](https://blatui.remix-it.com/components/time-field): A time input with native and dropdown variants, 12/24-hour and seconds. — `php artisan blatui:add time-field`

## Layout

- [Container](https://blatui.remix-it.com/components/container): A centered, max-width content wrapper with responsive padding and selectable widths. — `php artisan blatui:add container`
- [Stack](https://blatui.remix-it.com/components/stack): A flexbox layout primitive for vertical or horizontal stacking with gap and alignment. — `php artisan blatui:add stack`
- [Card](https://blatui.remix-it.com/components/card): Displays a card with header, content, and footer. — `php artisan blatui:add card`
- [Bento Grid](https://blatui.remix-it.com/components/bento-grid): A modern bento grid for arranging cards of varying column and row spans. — `php artisan blatui:add bento-grid`
- [Page Header](https://blatui.remix-it.com/components/page-header): A page title block with a description and optional breadcrumb and action slots. — `php artisan blatui:add page-header`
- [Aspect Ratio](https://blatui.remix-it.com/components/aspect-ratio): Displays content within a desired ratio. — `php artisan blatui:add aspect-ratio`
- [Separator](https://blatui.remix-it.com/components/separator): Visually or semantically separates content. — `php artisan blatui:add separator`
- [Scroll Area](https://blatui.remix-it.com/components/scroll-area): Augments native scroll functionality for custom, cross-browser styling. — `php artisan blatui:add scroll-area`
- [Resizable](https://blatui.remix-it.com/components/resizable): Accessible resizable panel groups and layouts. — `php artisan blatui:add resizable`
- [Sidebar](https://blatui.remix-it.com/components/sidebar): A composable, themeable and customizable sidebar component. — `php artisan blatui:add sidebar`
- [Accent](https://blatui.remix-it.com/components/accent): Recolors any subtree of BlatUI components from a single accent colour — no per-component props. — `php artisan blatui:add accent`
- [Visually Hidden](https://blatui.remix-it.com/components/visually-hidden): Hide content visually while keeping it available to screen readers, with an optional skip-link mode. — `php artisan blatui:add visually-hidden`

## Data Display

- [Avatar](https://blatui.remix-it.com/components/avatar): An image element with a fallback for representing the user. — `php artisan blatui:add avatar`
- [Presence](https://blatui.remix-it.com/components/presence): An online / away / busy / offline status dot, optionally pinned to an avatar. — `php artisan blatui:add presence`
- [Badge](https://blatui.remix-it.com/components/badge): Displays a badge, with semantic status tones (success, warning, danger, info, neutral). — `php artisan blatui:add badge`
- [Table](https://blatui.remix-it.com/components/table): A responsive table component. — `php artisan blatui:add table`
- [Comparison Table](https://blatui.remix-it.com/components/comparison-table): A data-driven feature comparison table — tiers × features with checks, dashes and values. — `php artisan blatui:add comparison-table`
- [Data Table](https://blatui.remix-it.com/components/data-table): An interactive table with search, sortable columns, row selection and pagination. — `php artisan blatui:add data-table`
- [Server Table](https://blatui.remix-it.com/components/server-table): A server-rendered, Livewire-first data table with declarative row actions, server sorting, search, selection and pagination. — `php artisan blatui:add server-table`
- [Tree Table](https://blatui.remix-it.com/components/tree-table): A table whose rows expand to reveal nested child rows. — `php artisan blatui:add tree-table`
- [Server Tree Table](https://blatui.remix-it.com/components/server-tree-table): A server-rendered, Livewire-first tree table: nested rows from your query, expand and collapse without a request, row actions, and drag-and-drop or keyboard reordering that persists with one call. — `php artisan blatui:add server-tree-table`
- [Description List](https://blatui.remix-it.com/components/description-list): A semantic key/value list (term/description) — horizontal or vertical, with an optional bordered style. — `php artisan blatui:add description-list`
- [Carousel](https://blatui.remix-it.com/components/carousel): A carousel with motion and swipe. — `php artisan blatui:add carousel`
- [Masonry](https://blatui.remix-it.com/components/masonry): A Pinterest-style masonry grid built on native CSS columns. — `php artisan blatui:add masonry`
- [Comparison Slider](https://blatui.remix-it.com/components/comparison-slider): A draggable before/after image comparison with a keyboard-operable divider. — `php artisan blatui:add comparison-slider`
- [Chart](https://blatui.remix-it.com/components/chart): Beautiful charts, built using ApexCharts. — `php artisan blatui:add chart`
- [Sparkline](https://blatui.remix-it.com/components/sparkline): A tiny inline trend line drawn from a data array — for KPI cards, tables and stats. — `php artisan blatui:add sparkline`
- [Stat](https://blatui.remix-it.com/components/stat): A KPI metric card with a label, big value, trend arrow with change, optional icon and inline sparkline. — `php artisan blatui:add stat`
- [Meter](https://blatui.remix-it.com/components/meter): A labelled measurement bar for a value within a range (usage, score, capacity), with status tones. — `php artisan blatui:add meter`
- [Heatmap](https://blatui.remix-it.com/components/heatmap): A GitHub-style contributions heatmap of colour-graded daily counts. — `php artisan blatui:add heatmap`
- [Gantt](https://blatui.remix-it.com/components/gantt): A project timeline (Gantt) chart with task bars positioned by date and progress. — `php artisan blatui:add gantt`
- [Scheduler](https://blatui.remix-it.com/components/scheduler): A week / day agenda that positions events in time slots. — `php artisan blatui:add scheduler`
- [Org Chart](https://blatui.remix-it.com/components/org-chart): A top-down organisational chart with connector lines, rendered from a tree. — `php artisan blatui:add org-chart`
- [Icon](https://blatui.remix-it.com/components/icon): A thin wrapper over Lucide icons that auto-mirrors directional arrows under RTL. — `php artisan blatui:add icon`
- [Item](https://blatui.remix-it.com/components/item): A flexible component for displaying content with media, title, and actions. — `php artisan blatui:add item`
- [Kbd](https://blatui.remix-it.com/components/kbd): Used to display textual user input from the keyboard. — `php artisan blatui:add kbd`
- [Marquee](https://blatui.remix-it.com/components/marquee): A seamless, infinite scroll of its content — logos, testimonials, badges. — `php artisan blatui:add marquee`
- [Typewriter](https://blatui.remix-it.com/components/typewriter): Types and deletes a cycling list of words — for hero headlines and taglines. — `php artisan blatui:add typewriter`
- [Text Reveal](https://blatui.remix-it.com/components/text-reveal): Brightens its words one by one as the element scrolls up through the viewport. — `php artisan blatui:add text-reveal`
- [Quote](https://blatui.remix-it.com/components/quote): A styled blockquote / testimonial with optional author, role and avatar. — `php artisan blatui:add quote`
- [Progress](https://blatui.remix-it.com/components/progress): Displays an indicator showing the completion progress of a task — a linear bar or a circular ring. — `php artisan blatui:add progress`
- [Countdown](https://blatui.remix-it.com/components/countdown): A live countdown to a target date — days, hours, minutes and seconds, with an expired state. — `php artisan blatui:add countdown`
- [Timeline](https://blatui.remix-it.com/components/timeline): A vertical timeline of events, with dots, connecting lines, icons and timestamps. — `php artisan blatui:add timeline`
- [Kanban](https://blatui.remix-it.com/components/kanban): A drag-and-drop board of columns whose cards can be moved between them. — `php artisan blatui:add kanban`
- [Tree](https://blatui.remix-it.com/components/tree): A collapsible, keyboard-navigable hierarchical tree view with folder and file icons. — `php artisan blatui:add tree`
- [JSON Viewer](https://blatui.remix-it.com/components/json-viewer): A collapsible, syntax-highlighted JSON tree with per-node expand/collapse and copy. — `php artisan blatui:add json-viewer`
- [Diff Viewer](https://blatui.remix-it.com/components/diff-viewer): A line-based text diff with inline or side-by-side views and add/remove tinting. — `php artisan blatui:add diff-viewer`
- [Skeleton](https://blatui.remix-it.com/components/skeleton): Use to show a placeholder while content is loading. — `php artisan blatui:add skeleton`
- [Code Block](https://blatui.remix-it.com/components/code-block): A dark code panel with an optional filename header and a copy button. — `php artisan blatui:add code-block`
- [Typography](https://blatui.remix-it.com/components/typography): Prose text styles — headings, lead, blockquote, lists, inline code and more, via a single variant prop. — `php artisan blatui:add typography`

## AI

- [Chat](https://blatui.remix-it.com/components/chat): A composable chat transcript — role-aware message bubbles with avatars, names, timestamps and a typing indicator. — `php artisan blatui:add chat`
- [Prompt Input](https://blatui.remix-it.com/components/prompt-input): An AI chat composer with an auto-growing textarea, attach and send buttons, and ⌘↵ to send. — `php artisan blatui:add prompt-input`
- [Streaming Text](https://blatui.remix-it.com/components/streaming-text): Reveals a passage token-by-token, LLM-style, with a blinking caret that stops when complete. — `php artisan blatui:add streaming-text`
- [Reasoning](https://blatui.remix-it.com/components/reasoning): A collapsible AI reasoning / "thinking" block that reveals the chain-of-thought behind an answer. — `php artisan blatui:add reasoning`
- [Tool Call](https://blatui.remix-it.com/components/tool-call): A card showing an AI tool invocation — name, status, and collapsible JSON arguments and result. — `php artisan blatui:add tool-call`
- [Citation](https://blatui.remix-it.com/components/citation): An inline, LLM-style source reference that reveals the source title, link and snippet in a popover. — `php artisan blatui:add citation`
- [Terminal](https://blatui.remix-it.com/components/terminal): A terminal / console window with traffic-light controls — for command output and code demos. — `php artisan blatui:add terminal`

## Feedback

- [Alert](https://blatui.remix-it.com/components/alert): Displays a callout for user attention, with semantic status tones. — `php artisan blatui:add alert`
- [Banner](https://blatui.remix-it.com/components/banner): A full-width, dismissible announcement bar with semantic tones. — `php artisan blatui:add banner`
- [Empty](https://blatui.remix-it.com/components/empty): An empty state for when there is no data to display. — `php artisan blatui:add empty`
- [Spinner](https://blatui.remix-it.com/components/spinner): An animated loading indicator. — `php artisan blatui:add spinner`
- [Loading Overlay](https://blatui.remix-it.com/components/loading-overlay): A veil with a spinner shown over its content while busy. — `php artisan blatui:add loading-overlay`
- [Top Progress](https://blatui.remix-it.com/components/top-progress): An NProgress-style top loading bar with start / set / done controls for navigation. — `php artisan blatui:add top-progress`
- [Sonner](https://blatui.remix-it.com/components/sonner): An opinionated toast notification component. Includes a sonner-flash bridge that turns Laravel session flashes into toasts. — `php artisan blatui:add sonner`
- [Tooltip](https://blatui.remix-it.com/components/tooltip): A popup that displays information related to an element when hovered or focused. — `php artisan blatui:add tooltip`
- [Hover Card](https://blatui.remix-it.com/components/hover-card): For sighted users to preview content available behind a link. — `php artisan blatui:add hover-card`
- [Cookie Consent](https://blatui.remix-it.com/components/cookie-consent): A GDPR cookie banner with accept / reject / customize, persisted to localStorage. — `php artisan blatui:add cookie-consent`

## Overlays

- [Dialog](https://blatui.remix-it.com/components/dialog): A window overlaid on the primary window, rendering the content underneath inert. — `php artisan blatui:add dialog`
- [Alert Dialog](https://blatui.remix-it.com/components/alert-dialog): A modal dialog that interrupts the user with important content and expects a response. — `php artisan blatui:add alert-dialog`
- [Sheet](https://blatui.remix-it.com/components/sheet): Extends the dialog to display content that complements the main content of the screen. — `php artisan blatui:add sheet`
- [Drawer](https://blatui.remix-it.com/components/drawer): A drawer component that slides in from the edge of the screen. — `php artisan blatui:add drawer`
- [Popover](https://blatui.remix-it.com/components/popover): Displays rich content in a portal, triggered by a button. — `php artisan blatui:add popover`
- [Dropdown Menu](https://blatui.remix-it.com/components/dropdown-menu): Displays a menu of actions or functions, triggered by a button. — `php artisan blatui:add dropdown-menu`
- [Context Menu](https://blatui.remix-it.com/components/context-menu): Displays a menu located at the pointer, triggered by a right click. — `php artisan blatui:add context-menu`
- [Menubar](https://blatui.remix-it.com/components/menubar): A visually persistent menu common in desktop applications. — `php artisan blatui:add menubar`
- [Command](https://blatui.remix-it.com/components/command): Fast, composable, command menu for your app. — `php artisan blatui:add command`
- [Command Dialog](https://blatui.remix-it.com/components/command-dialog): A command menu rendered inside a dialog. — `php artisan blatui:add command-dialog`
- [Notification Center](https://blatui.remix-it.com/components/notification-center): A bell with an unread-count badge that opens an inbox of notifications. — `php artisan blatui:add notification-center`
- [Onboarding Tour](https://blatui.remix-it.com/components/onboarding-tour): A guided product tour that spotlights elements step by step. — `php artisan blatui:add onboarding-tour`

## Navigation

- [Breadcrumb](https://blatui.remix-it.com/components/breadcrumb): Displays the path to the current resource using a hierarchy of links. — `php artisan blatui:add breadcrumb`
- [Link](https://blatui.remix-it.com/components/link): An inline, prose-friendly text link with default, muted and subtle variants. — `php artisan blatui:add link`
- [Tabs](https://blatui.remix-it.com/components/tabs): A set of layered sections of content displayed one panel at a time. — `php artisan blatui:add tabs`
- [Navigation Menu](https://blatui.remix-it.com/components/navigation-menu): A collection of links for navigating websites. — `php artisan blatui:add navigation-menu`
- [Pagination](https://blatui.remix-it.com/components/pagination): Pagination with page navigation, next and previous links. — `php artisan blatui:add pagination`
- [Stepper](https://blatui.remix-it.com/components/stepper): Guides users through a multi-step flow — horizontal or vertical, with completed-step checks. — `php artisan blatui:add stepper`
- [Scrollspy](https://blatui.remix-it.com/components/scrollspy): A table-of-contents nav that highlights the section currently in view. — `php artisan blatui:add scrollspy`
- [Bottom Navigation](https://blatui.remix-it.com/components/bottom-navigation): A mobile bottom tab bar with icons, labels, an active state and badges. — `php artisan blatui:add bottom-navigation`
- [Dock](https://blatui.remix-it.com/components/dock): A macOS-style dock whose icons magnify as the cursor passes over them. — `php artisan blatui:add dock`
- [Speed Dial](https://blatui.remix-it.com/components/speed-dial): A floating action button that expands to reveal labelled actions. — `php artisan blatui:add speed-dial`
- [Back To Top](https://blatui.remix-it.com/components/back-to-top): A floating button that appears after scrolling and smoothly returns to the top. — `php artisan blatui:add back-to-top`
- [Infinite Scroll](https://blatui.remix-it.com/components/infinite-scroll): Loads more content when a sentinel scrolls into view, with a load-more fallback. — `php artisan blatui:add infinite-scroll`

## Disclosure

- [Accordion](https://blatui.remix-it.com/components/accordion): A vertically stacked set of interactive headings that each reveal a section of content. — `php artisan blatui:add accordion`
- [Collapsible](https://blatui.remix-it.com/components/collapsible): An interactive component which expands and collapses a panel. — `php artisan blatui:add collapsible`

## E-commerce

- [Product Card](https://blatui.remix-it.com/components/product-card): An e-commerce product card with image, badge, rating, price and an add-to-cart action. — `php artisan blatui:add product-card`
- [Price](https://blatui.remix-it.com/components/price): A formatted product price with optional struck-through compare-at and a discount badge. — `php artisan blatui:add price`
- [Variant Selector](https://blatui.remix-it.com/components/variant-selector): Choose a product variant — size pills or colour swatches — from an accessible radio group. — `php artisan blatui:add variant-selector`
- [Add To Cart](https://blatui.remix-it.com/components/add-to-cart): A stateful add-to-cart button that animates idle → adding → added. — `php artisan blatui:add add-to-cart`
- [Mini Cart](https://blatui.remix-it.com/components/mini-cart): A cart dropdown with line items, quantity steppers, a live subtotal and checkout. — `php artisan blatui:add mini-cart`

## Effects

- [Gradient Text](https://blatui.remix-it.com/components/gradient-text): Text painted with a gradient fill, with optional animated shimmer and colour presets. — `php artisan blatui:add gradient-text`
- [Number Ticker](https://blatui.remix-it.com/components/number-ticker): A number that animates counting up to its target when it scrolls into view. — `php artisan blatui:add number-ticker`
- [Border Beam](https://blatui.remix-it.com/components/border-beam): A container with a light beam continuously travelling around its border. — `php artisan blatui:add border-beam`
- [Spotlight Card](https://blatui.remix-it.com/components/spotlight-card): A card with a soft radial spotlight that follows the cursor on hover. — `php artisan blatui:add spotlight-card`
- [Tilt Card](https://blatui.remix-it.com/components/tilt-card): A card that tilts in 3D toward the cursor, with an optional glare highlight. — `php artisan blatui:add tilt-card`
- [Flip Card](https://blatui.remix-it.com/components/flip-card): A card that flips on hover or click to reveal a back face. — `php artisan blatui:add flip-card`
- [Confetti](https://blatui.remix-it.com/components/confetti): A celebratory confetti burst fired from a button or any trigger. — `php artisan blatui:add confetti`
- [Meteors](https://blatui.remix-it.com/components/meteors): Animated falling meteor streaks behind your content. — `php artisan blatui:add meteors`
- [Animated Beam](https://blatui.remix-it.com/components/animated-beam): An SVG line with a travelling light gradient connecting two elements. — `php artisan blatui:add animated-beam`
- [Parallax](https://blatui.remix-it.com/components/parallax): Translates its content as it scrolls for a depth effect. — `php artisan blatui:add parallax`
- [Dot Pattern](https://blatui.remix-it.com/components/dot-pattern): A decorative dotted-grid background layer with adjustable size, gap and edge fade. — `php artisan blatui:add dot-pattern`
- [Grid Pattern](https://blatui.remix-it.com/components/grid-pattern): A decorative grid / graph-paper background layer with an optional edge fade. — `php artisan blatui:add grid-pattern`
- [Aurora](https://blatui.remix-it.com/components/aurora): An animated northern-lights gradient backdrop with your content overlaid. — `php artisan blatui:add aurora`

## Media

- [Audio Player](https://blatui.remix-it.com/components/audio-player): A custom audio player — play/pause, seek, time and volume — over a native HTML5 audio element. — `php artisan blatui:add audio-player`
- [Video](https://blatui.remix-it.com/components/video): A styled HTML5 video player with a custom poster and play overlay. — `php artisan blatui:add video`
- [Image](https://blatui.remix-it.com/components/image): A smart image with a skeleton, blur-up fade-in and a graceful error fallback. — `php artisan blatui:add image`
- [Gallery](https://blatui.remix-it.com/components/gallery): A thumbnail grid that opens a full-screen lightbox with keyboard navigation. — `php artisan blatui:add gallery`
- [QR Code](https://blatui.remix-it.com/components/qr-code): A client-side QR code generator rendered as a crisp, theme-aware SVG — no dependencies. — `php artisan blatui:add qr-code`
- [Map](https://blatui.remix-it.com/components/map): A keyless OpenStreetMap embed that drops a pin at any latitude / longitude. — `php artisan blatui:add map`

## Blocks

64 full-page examples (dashboards, auth, calendars, sidebars…). Browse: https://blatui.remix-it.com/blocks · install: `https://blatui.remix-it.com/r/blocks/<name>.json`.

## Charts

70 ApexCharts examples. Browse: https://blatui.remix-it.com/charts · install: `https://blatui.remix-it.com/r/charts/<name>.json`.