BlatUI MCP
A hosted MCP server that allows AI agents to search, read, and install BlatUI components, blocks, and charts into Laravel Blade applications. It integrates with the BlatUI registry to provide accessible, themeable UI elements directly to coding assistants.
Endpoint and access
No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.
https://blatui.remix-it.com/mcpWhat its tools do
5 tools, grouped by the hints the server advertises. Hints are self-declared, not verified behavior.
Checks and signals
Each line is separate evidence, not a trust score.
- Passed Endpoint answered the live check ·
- Availability 1 of 1 checks passed in 30 days
What you can do with it
- Search for available BlatUI components and blocks
- Read component documentation and source code
- Install UI components into a Laravel project
- Integrate with Laravel Boost for AI-assisted development
Source and maintenance
- Maintenance checked
Protocol and capabilities
- Server
- blatui latest
- MCP protocol negotiated in check
- 2025-06-18
- Tools
- 5 advertised
- Resources
- 189 advertised
- Resource templates
- 3 advertised
- Prompts
- 2 advertised
{
"tools": {},
"prompts": {},
"resources": {}
}Server-provided instructions
Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.
Tools
5 advertised
list_components
List every BlatUI component with its title and one-line description. Optionally filter by category.
{
"type": "object",
"properties": {
"category": {
"type": "string"
}
}
}search_registry
Search BlatUI components, blocks and charts by name, title or description.
{
"type": "object",
"required": [
"query"
],
"properties": {
"type": {
"enum": [
"component",
"block",
"chart"
],
"type": "string"
},
"query": {
"type": "string"
}
}
}get_component
Get a component's full Blade source, dependencies, required packages and install command.
{
"type": "object",
"required": [
"name"
],
"properties": {
"name": {
"type": "string"
}
}
}get_example
Get the full Blade source of a block or chart, plus the components and packages it needs.
{
"type": "object",
"required": [
"kind",
"name"
],
"properties": {
"kind": {
"enum": [
"block",
"chart"
],
"type": "string"
},
"name": {
"type": "string"
}
}
}install_command
Build the exact `php artisan blatui:add` command plus required composer/npm packages for one or more components.
{
"type": "object",
"required": [
"names"
],
"properties": {
"names": {
"type": "array",
"items": {
"type": "string"
}
}
}
}Prompts
2 advertised
use-component
Insert a BlatUI component with its source and install command.
- name
- Component slug (e.g. button, dialog). (required)
scaffold-page
Scaffold a full page from BlatUI blocks (dashboard, login, signup, marketing, pricing).
- kind
- dashboard | login | signup | marketing | pricing (required)
Resources
189 advertised
Accent
Recolors any subtree of BlatUI components from a single accent colour — no per-component props.
blatui://component/accentAccordion
A vertically stacked set of interactive headings that each reveal a section of content.
blatui://component/accordionAdd To Cart
A stateful add-to-cart button that animates idle → adding → added.
blatui://component/add-to-cartAlert
Displays a callout for user attention, with semantic status tones.
blatui://component/alertAlert Dialog
A modal dialog that interrupts the user with important content and expects a response.
blatui://component/alert-dialogAnimated Beam
An SVG line with a travelling light gradient connecting two elements.
blatui://component/animated-beamAspect Ratio
Displays content within a desired ratio.
blatui://component/aspect-ratioAudio Player
A custom audio player — play/pause, seek, time and volume — over a native HTML5 audio element.
blatui://component/audio-playerAurora
An animated northern-lights gradient backdrop with your content overlaid.
blatui://component/auroraAutocomplete
A text input that filters and suggests options as you type.
blatui://component/autocompleteAutosize Textarea
A textarea that grows and shrinks to fit its content, with an optional max-rows cap.
blatui://component/autosize-textareaAvatar
An image element with a fallback for representing the user.
blatui://component/avatarBack To Top
A floating button that appears after scrolling and smoothly returns to the top.
blatui://component/back-to-topBadge
Displays a badge, with semantic status tones (success, warning, danger, info, neutral).
blatui://component/badgeBanner
A full-width, dismissible announcement bar with semantic tones.
blatui://component/bannerBento Grid
A modern bento grid for arranging cards of varying column and row spans.
blatui://component/bento-gridBento Item
blatui://component/bento-itemBorder Beam
A container with a light beam continuously travelling around its border.
blatui://component/border-beamBottom Navigation
A mobile bottom tab bar with icons, labels, an active state and badges.
blatui://component/bottom-navigationBottom Navigation Item
blatui://component/bottom-navigation-itemBrand
blatui://component/brandBreadcrumb
Displays the path to the current resource using a hierarchy of links.
blatui://component/breadcrumbButton
Displays a button or a component that looks like a button.
blatui://component/buttonButton Group
Groups related buttons together with consistent styling.
blatui://component/button-groupCalendar
A date field component that allows users to enter and edit dates.
blatui://component/calendarCard
Displays a card with header, content, and footer.
blatui://component/cardCarousel
A carousel with motion and swipe.
blatui://component/carouselChart
Beautiful charts, built using ApexCharts.
blatui://component/chartChat
A composable chat transcript — role-aware message bubbles with avatars, names, timestamps and a typing indicator.
blatui://component/chatChat Message
blatui://component/chat-messageCheckbox
A control that allows the user to toggle between checked and not checked.
blatui://component/checkboxCitation
An inline, LLM-style source reference that reveals the source title, link and snippet in a popover.
blatui://component/citationCode Block
A dark code panel with an optional filename header and a copy button.
blatui://component/code-blockCollapsible
An interactive component which expands and collapses a panel.
blatui://component/collapsibleColor Picker
Accessible colour selection with a hue slider, a validating hex field and a preset swatch palette.
blatui://component/color-pickerCombobox
A filterable picker over a list of options — button or inline-input trigger, single or multi-select.
blatui://component/comboboxCommand
Fast, composable, command menu for your app.
blatui://component/commandCommand Dialog
A command menu rendered inside a dialog.
blatui://component/command-dialogComparison Slider
A draggable before/after image comparison with a keyboard-operable divider.
blatui://component/comparison-sliderComparison Table
A data-driven feature comparison table — tiers × features with checks, dashes and values.
blatui://component/comparison-tableConfetti
A celebratory confetti burst fired from a button or any trigger.
blatui://component/confettiContainer
A centered, max-width content wrapper with responsive padding and selectable widths.
blatui://component/containerContext Menu
Displays a menu located at the pointer, triggered by a right click.
blatui://component/context-menuCookie Consent
A GDPR cookie banner with accept / reject / customize, persisted to localStorage.
blatui://component/cookie-consentCopy Button
A button that copies text to the clipboard, with a copied state and a live announcement.
blatui://component/copy-buttonCountdown
A live countdown to a target date — days, hours, minutes and seconds, with an expired state.
blatui://component/countdownData Table
An interactive table with search, sortable columns, row selection and pagination.
blatui://component/data-tableDate Picker
A date picker component with a calendar popover.
blatui://component/date-pickerDate & Time Picker
Pick a date and a time together — single or range — in one popover.
blatui://component/datetime-pickerDescription Item
blatui://component/description-itemDescription List
A semantic key/value list (term/description) — horizontal or vertical, with an optional bordered style.
blatui://component/description-listDialog
A window overlaid on the primary window, rendering the content underneath inert.
blatui://component/dialogDiff Viewer
A line-based text diff with inline or side-by-side views and add/remove tinting.
blatui://component/diff-viewerDock
A macOS-style dock whose icons magnify as the cursor passes over them.
blatui://component/dockDock Item
blatui://component/dock-itemDot Pattern
A decorative dotted-grid background layer with adjustable size, gap and edge fade.
blatui://component/dot-patternDrawer
A drawer component that slides in from the edge of the screen.
blatui://component/drawerDropdown Menu
Displays a menu of actions or functions, triggered by a button.
blatui://component/dropdown-menuEditable
Click-to-edit inline text that swaps the value for an input, saving on Enter or blur.
blatui://component/editableEmpty
An empty state for when there is no data to display.
blatui://component/emptyField
Combine labels, controls, and help text to compose accessible form fields.
blatui://component/fieldFile Tree
blatui://component/file-treeFile Upload
A drag-and-drop dropzone with image thumbnails, file sizes and per-file progress bars.
blatui://component/file-uploadFlip Card
A card that flips on hover or click to reveal a back face.
blatui://component/flip-cardGallery
A thumbnail grid that opens a full-screen lightbox with keyboard navigation.
blatui://component/galleryGantt
A project timeline (Gantt) chart with task bars positioned by date and progress.
blatui://component/ganttGradient Text
Text painted with a gradient fill, with optional animated shimmer and colour presets.
blatui://component/gradient-textGrid Pattern
A decorative grid / graph-paper background layer with an optional edge fade.
blatui://component/grid-patternHeatmap
A GitHub-style contributions heatmap of colour-graded daily counts.
blatui://component/heatmapHover Card
For sighted users to preview content available behind a link.
blatui://component/hover-cardIcon
A thin wrapper over Lucide icons that auto-mirrors directional arrows under RTL.
blatui://component/iconImage
A smart image with a skeleton, blur-up fade-in and a graceful error fallback.
blatui://component/imageInfinite Scroll
Loads more content when a sentinel scrolls into view, with a load-more fallback.
blatui://component/infinite-scrollInput
Displays a form input field or a component that looks like an input field.
blatui://component/inputInput Group
Group inputs with text, buttons, icons, and more.
blatui://component/input-groupInput OTP
Accessible one-time password component with copy-paste functionality.
blatui://component/input-otpItem
A flexible component for displaying content with media, title, and actions.
blatui://component/itemJSON Viewer
A collapsible, syntax-highlighted JSON tree with per-node expand/collapse and copy.
blatui://component/json-viewerJson Viewer Node
blatui://component/json-viewer-nodeKanban
A drag-and-drop board of columns whose cards can be moved between them.
blatui://component/kanbanKbd
Used to display textual user input from the keyboard.
blatui://component/kbdKnob
A rotary dial input — drag, scroll or use the keyboard to set a value.
blatui://component/knobLabel
Renders an accessible label associated with controls.
blatui://component/labelLink
An inline, prose-friendly text link with default, muted and subtle variants.
blatui://component/linkLoading Overlay
A veil with a spinner shown over its content while busy.
blatui://component/loading-overlayMap
A keyless OpenStreetMap embed that drops a pin at any latitude / longitude.
blatui://component/mapMarkdown Editor
A Markdown textarea with a live preview, formatting toolbar and Write/Preview tabs.
blatui://component/markdown-editorMarquee
A seamless, infinite scroll of its content — logos, testimonials, badges.
blatui://component/marqueeMasonry
A Pinterest-style masonry grid built on native CSS columns.
blatui://component/masonryMention Input
A textarea that surfaces a suggestion list when you type @ to insert a mention.
blatui://component/mention-inputMenu Checkbox Item
blatui://component/menu-checkbox-itemMenu Group
blatui://component/menu-groupMenu Item
blatui://component/menu-itemMenu Label
blatui://component/menu-labelMenu Radio Item
blatui://component/menu-radio-itemMenu Separator
blatui://component/menu-separatorMenu Shortcut
blatui://component/menu-shortcutMenubar
A visually persistent menu common in desktop applications.
blatui://component/menubarMeteors
Animated falling meteor streaks behind your content.
blatui://component/meteorsMeter
A labelled measurement bar for a value within a range (usage, score, capacity), with status tones.
blatui://component/meterMini Cart
A cart dropdown with line items, quantity steppers, a live subtotal and checkout.
blatui://component/mini-cartNav Main
blatui://component/nav-mainNav Projects
blatui://component/nav-projectsNav Secondary
blatui://component/nav-secondaryNav User
blatui://component/nav-userNavigation Menu
A collection of links for navigating websites.
blatui://component/navigation-menuNotification Center
A bell with an unread-count badge that opens an inbox of notifications.
blatui://component/notification-centerNumber Input
A numeric stepper with minus/plus buttons that clamp a value to an optional min, max and step.
blatui://component/number-inputNumber Ticker
A number that animates counting up to its target when it scrolls into view.
blatui://component/number-tickerOnboarding Tour
A guided product tour that spotlights elements step by step.
blatui://component/onboarding-tourOrg Chart
A top-down organisational chart with connector lines, rendered from a tree.
blatui://component/org-chartOrg Chart Node
blatui://component/org-chart-nodePage Header
A page title block with a description and optional breadcrumb and action slots.
blatui://component/page-headerPagination
Pagination with page navigation, next and previous links.
blatui://component/paginationParallax
Translates its content as it scrolls for a depth effect.
blatui://component/parallaxPassword Strength
A password field with a live strength meter and an optional requirements checklist.
blatui://component/password-strengthPhone Input
A phone number field with a searchable country-code selector.
blatui://component/phone-inputPopover
Displays rich content in a portal, triggered by a button.
blatui://component/popoverPresence
An online / away / busy / offline status dot, optionally pinned to an avatar.
blatui://component/presencePrice
A formatted product price with optional struck-through compare-at and a discount badge.
blatui://component/priceProduct Card
An e-commerce product card with image, badge, rating, price and an add-to-cart action.
blatui://component/product-cardProfile
blatui://component/profileProgress
Displays an indicator showing the completion progress of a task — a linear bar or a circular ring.
blatui://component/progressPrompt Input
An AI chat composer with an auto-growing textarea, attach and send buttons, and ⌘↵ to send.
blatui://component/prompt-inputQR Code
A client-side QR code generator rendered as a crisp, theme-aware SVG — no dependencies.
blatui://component/qr-codeQuote
A styled blockquote / testimonial with optional author, role and avatar.
blatui://component/quoteRadio Group
A set of checkable buttons where no more than one can be checked at a time.
blatui://component/radio-groupRating
A star rating input with hover preview, keyboard support and a hidden field for forms.
blatui://component/ratingReasoning
A collapsible AI reasoning / "thinking" block that reveals the chain-of-thought behind an answer.
blatui://component/reasoningRepeater
Addable / removable field rows (a form field-array) that submit as an array.
blatui://component/repeaterResizable
Accessible resizable panel groups and layouts.
blatui://component/resizableRich Text Editor
A lightweight, dependency-free WYSIWYG editor with a formatting toolbar.
blatui://component/rich-text-editorScheduler
A week / day agenda that positions events in time slots.
blatui://component/schedulerScroll Area
Augments native scroll functionality for custom, cross-browser styling.
blatui://component/scroll-areaScrollspy
A table-of-contents nav that highlights the section currently in view.
blatui://component/scrollspySearch Form
blatui://component/search-formSegmented Control
An iOS-style segmented control for picking one option from a small set.
blatui://component/segmented-controlSelect
Displays a list of options for the user to pick from, triggered by a button.
blatui://component/selectSeparator
Visually or semantically separates content.
blatui://component/separatorServer Table
A server-rendered, Livewire-first data table with declarative row actions, server sorting, search, selection and pagination.
blatui://component/server-tableServer 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.
blatui://component/server-tree-tableSheet
Extends the dialog to display content that complements the main content of the screen.
blatui://component/sheetSidebar
A composable, themeable and customizable sidebar component.
blatui://component/sidebarSignature Pad
Draw a signature on a canvas and capture it as a data URL, with clear and undo.
blatui://component/signature-padSkeleton
Use to show a placeholder while content is loading.
blatui://component/skeletonSlider
An input where the user selects a value — single, or a two-handle min–max range.
blatui://component/sliderSonner
An opinionated toast notification component. Includes a sonner-flash bridge that turns Laravel session flashes into toasts.
blatui://component/sonnerSparkline
A tiny inline trend line drawn from a data array — for KPI cards, tables and stats.
blatui://component/sparklineSpeed Dial
A floating action button that expands to reveal labelled actions.
blatui://component/speed-dialSpinner
An animated loading indicator.
blatui://component/spinnerSpotlight Card
A card with a soft radial spotlight that follows the cursor on hover.
blatui://component/spotlight-cardStack
A flexbox layout primitive for vertical or horizontal stacking with gap and alignment.
blatui://component/stackStat
A KPI metric card with a label, big value, trend arrow with change, optional icon and inline sparkline.
blatui://component/statStepper
Guides users through a multi-step flow — horizontal or vertical, with completed-step checks.
blatui://component/stepperStepper Content
blatui://component/stepper-contentStepper Description
blatui://component/stepper-descriptionStepper Indicator
blatui://component/stepper-indicatorStepper Item
blatui://component/stepper-itemStepper Nav
blatui://component/stepper-navStepper Separator
blatui://component/stepper-separatorStepper Title
blatui://component/stepper-titleStepper Trigger
blatui://component/stepper-triggerStreaming Text
Reveals a passage token-by-token, LLM-style, with a blinking caret that stops when complete.
blatui://component/streaming-textSwitch
A control that allows the user to toggle between an on and off state.
blatui://component/switchTable
A responsive table component.
blatui://component/tableTabs
A set of layered sections of content displayed one panel at a time.
blatui://component/tabsTags Input
A tag entry field — type and press Enter or comma to add removable chips, with form-array submission.
blatui://component/tags-inputTeam Switcher
blatui://component/team-switcherTerminal
A terminal / console window with traffic-light controls — for command output and code demos.
blatui://component/terminalText Reveal
Brightens its words one by one as the element scrolls up through the viewport.
blatui://component/text-revealTextarea
A form textarea that auto-grows to fit its content, with optional rows and a max-rows cap.
blatui://component/textareaTilt Card
A card that tilts in 3D toward the cursor, with an optional glare highlight.
blatui://component/tilt-cardTime Field
A time input with native and dropdown variants, 12/24-hour and seconds.
blatui://component/time-fieldTimeline
A vertical timeline of events, with dots, connecting lines, icons and timestamps.
blatui://component/timelineToggle
A two-state button that can be either on or off.
blatui://component/toggleToggle Group
A set of two-state buttons that can be toggled on or off.
blatui://component/toggle-groupTool Call
A card showing an AI tool invocation — name, status, and collapsible JSON arguments and result.
blatui://component/tool-callTooltip
A popup that displays information related to an element when hovered or focused.
blatui://component/tooltipTop Progress
An NProgress-style top loading bar with start / set / done controls for navigation.
blatui://component/top-progressTree
A collapsible, keyboard-navigable hierarchical tree view with folder and file icons.
blatui://component/treeTree Node
blatui://component/tree-nodeTree Table
A table whose rows expand to reveal nested child rows.
blatui://component/tree-tableTree Table Row
blatui://component/tree-table-rowTypewriter
Types and deletes a cycling list of words — for hero headlines and taglines.
blatui://component/typewriterTypography
Prose text styles — headings, lead, blockquote, lists, inline code and more, via a single variant prop.
blatui://component/typographyVariant Selector
Choose a product variant — size pills or colour swatches — from an accessible radio group.
blatui://component/variant-selectorVersion Switcher
blatui://component/version-switcherVideo
A styled HTML5 video player with a custom poster and play overlay.
blatui://component/videoVisually Hidden
Hide content visually while keeping it available to screen readers, with an optional skip-link mode.
blatui://component/visually-hiddenBlatUI component
Blade source of a component family
blatui://component/{name}BlatUI block
Full-page block example
blatui://block/{name}BlatUI chart
Chart example
blatui://chart/{name}30-day availability
Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.
- Successful checks
- 1 of 1 (100%)
- Average latency
- 2182 ms
- 95th percentile latency
- 2182 ms
Maintenance history
Public check and source-refresh events. Editorial and ownership records remain private.
- · probe · passed · 2182 ms · metadata changed · 5 tool(s), 189 resource(s), 3 resource template(s), 2 prompt(s)
Connect from your client
Each snippet registers the same endpoint; pick the client you use.
Claude Code
claude mcp add --transport http blatui-mcp https://blatui.remix-it.com/mcpCodex
codex mcp add blatui-mcp --url https://blatui.remix-it.com/mcpCursor
{
"mcpServers": {
"blatui-mcp": {
"url": "https://blatui.remix-it.com/mcp"
}
}
}Cline
{
"mcpServers": {
"blatui-mcp": {
"type": "streamableHttp",
"url": "https://blatui.remix-it.com/mcp",
"disabled": false
}
}
}VS Code
{
"servers": {
"blatui-mcp": {
"type": "http",
"url": "https://blatui.remix-it.com/mcp"
}
}
}Gemini CLI
gemini mcp add --transport http blatui-mcp https://blatui.remix-it.com/mcpClaude Desktop
https://blatui.remix-it.com/mcpWindsurf
{
"mcpServers": {
"blatui-mcp": {
"serverUrl": "https://blatui.remix-it.com/mcp"
}
}
}Let your agent find its tools
Find servers like BlatUI MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.