# ng-blatui MCP server

ng-blatui for Angular — search components, blocks, charts & templates and read their typed API.

## Links
- Registry page: https://www.getdrio.com/mcp/io-github-anousss007-ng-blatui
- Repository: https://github.com/anousss007/ng-blatui
- Website: https://ngblatui.remix-it.com

## Install
- Endpoint: https://ngblatui.remix-it.com/mcp
- Auth: Not captured

## Setup notes
- Remote endpoint: https://ngblatui.remix-it.com/mcp

## Tools
- list_components - List ng-blatui's 157 Angular components, optionally filtered by category. Endpoint: https://ngblatui.remix-it.com/mcp
- list_blocks - List 16 prebuilt blocks (login, signup, …). Endpoint: https://ngblatui.remix-it.com/mcp
- list_charts - List 70 chart examples. Endpoint: https://ngblatui.remix-it.com/mcp
- list_templates - List 35 full page templates. Endpoint: https://ngblatui.remix-it.com/mcp
- search - Search the ng-blatui registry (components, blocks, charts, templates) by keyword. Endpoint: https://ngblatui.remix-it.com/mcp
- get_docs - Get a component/block/chart/template's docs by slug: install, import and the full structured API (inputs, two-way models, outputs, types). Endpoint: https://ngblatui.remix-it.com/mcp
- get_api - Focused: just the typed API (inputs, two-way models, outputs and referenced types) of a component, by slug. Endpoint: https://ngblatui.remix-it.com/mcp

## Resources
- ngblatui://component/button - Applies BlatUI button styling to a native `<button>` or `<a>`, keeping native
semantics, focus and keyboard behavior (accessibility for free). MIME type: text/markdown
- ngblatui://component/badge - BlatUI badge. Brand variants (`default | secondary | destructive | outline`)
or semantic `tone` (`primary | success | warning | danger | info | neutral`) where
`variant` then selects intensity (`soft | solid | outline`). Built on a native
element so it stays in the document flow and screen-reader friendly. MIME type: text/markdown
- ngblatui://component/card - BlatUI card container. Use `variant="sectioned"` with the header/content/footer parts. MIME type: text/markdown
- ngblatui://component/alert - BlatUI alert. `role="alert"` for assistive tech. Brand `variant`
(`default | destructive`) or semantic `tone` (`success | warning | danger | info | neutral`). MIME type: text/markdown
- ngblatui://component/input - Applies BlatUI input styling to a native `<input>` (keeps native validation & a11y). MIME type: text/markdown
- ngblatui://component/input-field - A batteries-included text field: label, control, hint and error wired together with the right
`for` / `id` / `aria-describedby` / `aria-invalid` relationships, on top of the `buiField` +
`buiInput` primitives. Reach for the primitives directly when you need a custom layout.

```html
<bui-input-field label="Email" hint="We'll never share it." type="email" [(value)]="email" />
``` MIME type: text/markdown
- ngblatui://component/textarea - Applies BlatUI textarea styling to a native `<textarea>`. Auto-grows with its content via CSS
`field-sizing-content` (no JS). Set `[maxRows]` to cap the growth — past it the field scrolls. MIME type: text/markdown
- ngblatui://component/label - BlatUI label. Apply to a native `<label>` (use `for`/`id` to associate it with
a control) so the click-to-focus and screen-reader association work natively. MIME type: text/markdown
- ngblatui://component/separator - BlatUI separator. `decorative` (default) renders `role="none"`; set
`[decorative]="false"` for a semantic `role="separator"` with `aria-orientation`. MIME type: text/markdown
- ngblatui://component/skeleton - BlatUI skeleton placeholder. Marked `aria-hidden` so assistive tech ignores the
shimmering placeholder; announce real loading state separately (e.g. aria-busy). MIME type: text/markdown
- ngblatui://component/avatar - BlatUI avatar. Renders the image when `src` is set and loads; otherwise shows
the projected fallback (initials, icon). Falls back automatically on load error. MIME type: text/markdown
- ngblatui://component/progress - BlatUI linear progress bar. Exposes the full `progressbar` ARIA contract
(valuemin/max/now/text). Set `[indeterminate]="true"` for an unknown-duration bar. MIME type: text/markdown
- ngblatui://component/checkbox - BlatUI checkbox. A native `<button role="checkbox">` (Space/Enter toggle for free)
with `[(checked)]` two-way binding and tri-state `[(indeterminate)]`. MIME type: text/markdown
- ngblatui://component/switch - BlatUI switch. A native `<button role="switch">` with `[(checked)]` two-way
binding; keyboard activation (Space/Enter) and focus come from the native button. MIME type: text/markdown
- ngblatui://component/radio-group - BlatUI radio group. `role="radiogroup"` with arrow-key roving focus across the
`buiRadioItem` buttons; `[(value)]` two-way binds the selected value. MIME type: text/markdown
- ngblatui://component/accordion - MIME type: text/markdown
- ngblatui://component/tabs - MIME type: text/markdown
- ngblatui://component/dialog - MIME type: text/markdown
- ngblatui://component/tooltip - BlatUI tooltip. Shows an accessible `role="tooltip"` bubble on hover/focus via the
Angular CDK overlay and wires `aria-describedby` on the host. SSR-safe (the overlay
is only created in the browser, on interaction). Configure the placement with `side`,
a hover delay with `delay`, and the bubble colour with `tooltipClass`. MIME type: text/markdown
- ngblatui://component/breadcrumb - Breadcrumb navigation landmark (`<nav aria-label="breadcrumb">`). MIME type: text/markdown
- ngblatui://component/button-group - Groups buttons (and inputs) into a single segmented control. MIME type: text/markdown
- ngblatui://component/kbd - Keyboard key styling, applied to a native `<kbd>` element. MIME type: text/markdown
- ngblatui://component/aspect-ratio - Constrains projected content to a given aspect ratio (e.g. `16 / 9`). MIME type: text/markdown
- ngblatui://component/collapsible - Accessible disclosure: a trigger toggles the visibility of its content. MIME type: text/markdown
- ngblatui://component/empty - Empty-state container. MIME type: text/markdown
- ngblatui://component/field - A form field row grouping a label, control, description and error. MIME type: text/markdown
- ngblatui://component/container - Centered, padded page container with a max-width scale. MIME type: text/markdown
- ngblatui://component/toggle - A two-state toggle button (`aria-pressed`). MIME type: text/markdown
- ngblatui://component/spinner - A spinning loading indicator (`role="status"`). MIME type: text/markdown
- ngblatui://component/copy-button - Copy-to-clipboard button: copies `value`, flips to a check, announces "Copied". MIME type: text/markdown
- ngblatui://component/banner - Full-width announcement bar. Optionally dismissible and (with `persistKey`) remembers
the dismissal in localStorage. SSR-safe — localStorage is only touched in the browser. MIME type: text/markdown
- ngblatui://component/table - MIME type: text/markdown
- ngblatui://component/avatar-group - Overlapping stack of avatars with an optional "+N" overflow counter. MIME type: text/markdown
- ngblatui://component/pagination - Pagination navigation landmark. MIME type: text/markdown
- ngblatui://component/popover - Click-triggered popover on the Angular CDK overlay. Bind the content template:
`<button [buiPopover]="tpl">…</button>` with `<ng-template #tpl><div buiPopoverContent>…`.
Closes on outside click and Escape. SSR-safe (the overlay is browser-only, on click). MIME type: text/markdown
- ngblatui://component/item - A list/row item; use on a `<div>` or an `<a>`. MIME type: text/markdown
- ngblatui://component/scroll-area - A scrollable region with a thin, themed scrollbar and a focusable viewport. MIME type: text/markdown
- ngblatui://component/input-group - A bordered group that composes inputs with addons (icons, text, buttons). MIME type: text/markdown
- ngblatui://component/meter - A labelled meter (`role="meter"`) for a measurement within a known range. MIME type: text/markdown
- ngblatui://component/stat - A KPI / statistic card: label, big value, and a trend-coloured change. MIME type: text/markdown
- ngblatui://component/visually-hidden - Visually hides content while keeping it available to assistive tech (sr-only). MIME type: text/markdown
- ngblatui://component/hover-card - Hover-triggered card on the Angular CDK overlay. Opens on hover/focus after a delay
and stays open while the pointer is over the card. SSR-safe (browser-only, on hover). MIME type: text/markdown
- ngblatui://component/code-block - A dark code panel with an optional filename header and a copy button. MIME type: text/markdown
- ngblatui://component/slider - A slider (`role="slider"`) with pointer drag and full keyboard support
(arrows, Home/End, PageUp/PageDown). Single value, or a two-thumb `range`
(binds `value` + `endValue`). Horizontal or vertical. SSR-safe — geometry is
only read inside browser event handlers. MIME type: text/markdown
- ngblatui://component/rating - A star rating (`role="radiogroup"`) with hover preview and keyboard support. MIME type: text/markdown
- ngblatui://component/alert-dialog - Primary confirm action button. MIME type: text/markdown
- ngblatui://component/autosize-textarea - MIME type: text/markdown
- ngblatui://component/dropdown-menu - MIME type: text/markdown
- ngblatui://component/menubar - Application menu bar styling on Angular Aria's `ngMenuBar`. Each top-level entry is a
`ngMenuTrigger` opening a `ngMenu` (style the menus with `buiDropdownMenu` /
`buiDropdownMenuItem`). `MenuBar` is re-exported from `ng-blatui`.

Wrap each trigger + its menu in a `relative` element so the menu anchors under its own
trigger (otherwise the absolutely-positioned panel lands over the bar itself).

```html
<div ngMenuBar buiMenubar>
  <div class="relative">
    <button ngMenuTrigger [menu]="file" buiMenubarTrigger>File</button>
    <div ngMenu #file="ngMenu" buiDropdownMenu>
      <div ngMenuItem value="new" buiDropdownMenuItem>New</div>
    </div>
  </div>
</div>
``` MIME type: text/markdown
- ngblatui://component/typography - Applies a typographic style. Put it on the matching element (e.g. `<h1 buiTypography variant="h1">`). MIME type: text/markdown
- ngblatui://component/segmented-control - A single-select segmented control (`role="radiogroup"`) with arrow-key navigation. MIME type: text/markdown
- ngblatui://component/dot-pattern - Decorative dotted background layer. Drop inside a `relative` container. MIME type: text/markdown
- ngblatui://component/grid-pattern - Decorative grid background layer. Drop inside a `relative` container. MIME type: text/markdown
- ngblatui://component/terminal - A terminal / console window (always dark). Put prompt + output lines in the content;
helper classes `.prompt .ok .dim .path .warn` colour them. MIME type: text/markdown
- ngblatui://component/comparison-table - A data-driven feature-comparison / pricing table. MIME type: text/markdown
- ngblatui://component/flip-card - A card that flips to reveal its back. Default content is the front; project the back
with `[buiFlipBack]`. `trigger="hover"` (default) or `"click"` (keyboard-accessible). MIME type: text/markdown
- ngblatui://component/spotlight-card - A card with a radial spotlight glow that follows the cursor on hover. MIME type: text/markdown
- ngblatui://component/tilt-card - A card that tilts in 3D toward the cursor. SSR-safe (geometry read on mousemove). MIME type: text/markdown
- ngblatui://component/select - An accessible select (combobox + listbox) using the `aria-activedescendant` pattern:
focus stays on the trigger while arrows move the active option. Full keyboard support
(arrows, Home/End, Enter, Escape) and outside-click close. SSR-safe. MIME type: text/markdown
- ngblatui://component/combobox - A filterable combobox: a text input (`role="combobox"`, `aria-autocomplete="list"`) over a
filtered listbox, using the `aria-activedescendant` pattern. Full keyboard + outside-click. MIME type: text/markdown
- ngblatui://component/back-to-top - A floating "scroll to top" button that reveals itself once the page scrolls past
`threshold` px. SSR-safe — the scroll position is only read in the browser. MIME type: text/markdown
- ngblatui://component/countdown - A live countdown to a target time (`role="timer"`). SSR-safe — ticks only in the browser. MIME type: text/markdown
- ngblatui://component/number-ticker - Animates a number counting up to its target on first render. The animated digits are
`aria-hidden`; an sr-only span carries the final value (SSR/no-JS read the real number). MIME type: text/markdown
- ngblatui://component/link - A styled anchor. Set `external` for `target=_blank` + safe `rel`. MIME type: text/markdown
- ngblatui://component/gradient-text - Renders accessible text painted with a CSS gradient, with an optional shimmer. MIME type: text/markdown
- ngblatui://component/page-header - A page title block with optional description and a slot for actions (`[buiPageHeaderActions]`).
Provide the title via the `heading` input or by projecting content. MIME type: text/markdown
- ngblatui://component/quote - A styled blockquote / testimonial with optional attribution (author, role, avatar). MIME type: text/markdown
- ngblatui://component/price - A price display with optional compare-at (strikethrough) and a discount badge. MIME type: text/markdown
- ngblatui://component/stack - A flexbox stack layout helper (direction, gap, alignment). MIME type: text/markdown
- ngblatui://component/accent - Re-themes everything inside it to a custom accent colour by overriding the primary
design tokens locally. Renders as `display: contents` so it adds no box. MIME type: text/markdown
- ngblatui://component/kbd-group - Groups several `<kbd>` keys into one inline cluster. MIME type: text/markdown
- ngblatui://component/presence - A small status dot (online/away/busy/offline). Status is never colour-only — the label is always present. MIME type: text/markdown
- ngblatui://component/timeline - A vertical timeline list. Use `li[buiTimelineItem]` for each entry. MIME type: text/markdown
- ngblatui://component/description-list - A description list (`<dl>`). Children should be `bui-description-item`. MIME type: text/markdown
- ngblatui://component/masonry - A Pinterest-style masonry grid using native CSS multi-column layout. MIME type: text/markdown
- ngblatui://component/bento-grid - A bento grid container. Use `bui-bento-item` for cells. MIME type: text/markdown
- ngblatui://component/gallery - A responsive thumbnail grid. MIME type: text/markdown
- ngblatui://component/loading-overlay - A veil with a spinner shown over its projected content while `show` is true. MIME type: text/markdown
- ngblatui://component/number-input - A numeric stepper: − / + buttons around a number field, with min/max/step clamping. MIME type: text/markdown
- ngblatui://component/variant-selector - A radio-group of product variants, rendered as pills or colour swatches. MIME type: text/markdown
- ngblatui://component/sparkline - A tiny inline SVG trend chart (line + optional area). Pure, SSR-safe. MIME type: text/markdown
- ngblatui://component/add-to-cart - A stateful add-to-cart button: idle → adding → added → idle. Emits `triggered` on click. MIME type: text/markdown
- ngblatui://component/password-strength - A password field with a live strength meter and (optional) requirement checklist. MIME type: text/markdown
- ngblatui://component/product-card - A product card: image, badge, wishlist, title, rating, price, and an action slot. MIME type: text/markdown
- ngblatui://component/typewriter - Types and deletes a cycling list of words. The animated text is `aria-hidden`; an sr-only
span carries the full word list so assistive tech reads it once. SSR-safe. MIME type: text/markdown
- ngblatui://component/streaming-text - Reveals a passage token-by-token (LLM-style) once. The streamed copy is `aria-hidden`;
an `aria-live` region carries the full passage up front. SSR-safe. MIME type: text/markdown
- ngblatui://component/border-beam - A card whose border has a light beam continuously travelling around it. MIME type: text/markdown
- ngblatui://component/meteors - Animated falling meteor streaks behind content. Decorative + SSR-safe. MIME type: text/markdown
- ngblatui://component/aurora - An animated aurora / northern-lights gradient background with content overlaid. MIME type: text/markdown
- ngblatui://component/marquee - A seamless infinite scroll of `items` (logos, badges, testimonials…). MIME type: text/markdown
- ngblatui://component/bottom-navigation - A mobile bottom tab bar. Use `[buiBottomNavItem]` on each `<a>`/`<button>`. MIME type: text/markdown
- ngblatui://component/text-reveal - Dims its words, then brightens them one by one as the element scrolls up through the
viewport. Server-renders fully revealed (no-JS safe). SSR-safe. MIME type: text/markdown
- ngblatui://component/parallax - Shifts its content relative to scroll for a depth/parallax effect. SSR-safe. MIME type: text/markdown
- ngblatui://component/scrollspy - A "on this page" nav that highlights the section currently in view (IntersectionObserver). MIME type: text/markdown
- ngblatui://component/time-field - A styled time field: a native `<input type="time">`, or hour/minute selects in `select` mode.
The value is always 24-hour `HH:mm`, whatever the clock shown.

**Locale:** `select` mode follows `locale` — it renders the locale's clock (1–12 with AM/PM in
`en-US`, 0–23 in `fr`) and its digits. `input` mode cannot: the browser renders native time
inputs in *its own* UI language, and neither `lang` nor any other attribute overrides that.
Use `mode="select"` when the clock must follow the app's locale rather than the user's browser. MIME type: text/markdown
- ngblatui://component/toggle-group - A group of toggle buttons (single or multiple selection). Use `button[buiToggleGroupItem]`. MIME type: text/markdown
- ngblatui://component/tags-input - A free-text tags input: type and press Enter (or comma) to add chips; Backspace removes. MIME type: text/markdown
- ngblatui://component/editable - Click-to-edit inline text: shows a value, swaps to an input on click. Enter commits, Escape cancels. MIME type: text/markdown
- ngblatui://component/speed-dial - A floating action button that expands to a stack of actions. Closes on Escape / outside click. MIME type: text/markdown
- ngblatui://component/knob - A rotary dial input (role="slider"). Drag, scroll, or use the keyboard. 270° sweep. MIME type: text/markdown
- ngblatui://component/image - A lazy image with a blurred placeholder / skeleton and a graceful error state. MIME type: text/markdown
- ngblatui://component/reasoning - A collapsible "reasoning" / chain-of-thought disclosure. MIME type: text/markdown
- ngblatui://component/tool-call - An AI tool-call card with a status indicator and collapsible arguments / result. MIME type: text/markdown
- ngblatui://component/chat - A scrollable conversation log (`role="log"`). Use `bui-chat-message` for bubbles. MIME type: text/markdown
- ngblatui://component/confetti - A celebratory particle burst. Project a trigger (or use the default button) to fire it. MIME type: text/markdown
- ngblatui://component/stepper - A step indicator. The `value` (1-based) marks the active step. Use `li[buiStepperItem]`. MIME type: text/markdown
- ngblatui://component/input-otp - A one-time-password input: a row of single-character boxes with focus management + paste. MIME type: text/markdown
- ngblatui://component/phone-input - A phone number field with a country-code selector. MIME type: text/markdown
- ngblatui://component/money-input - A localized currency input backed by `Intl.NumberFormat`. Stores a numeric amount and displays
it formatted while unfocused; while focused it shows a plain editable number so the caret and
typing behave predictably. Works with template-driven and reactive forms (ControlValueAccessor).

When ICU has no local glyph for a currency (so it renders the ISO code, e.g. `MAD`), pass a
`symbol` to override it in the locale's correct position — `symbol="DH"` shows `DH`. MIME type: text/markdown
- ngblatui://component/prompt-input - A chat composer: an autosizing textarea with a send button. Emits `submitted` on send. MIME type: text/markdown
- ngblatui://component/heatmap - A contribution-style heatmap grid (7 rows). Pass `data` or get a deterministic demo. MIME type: text/markdown
- ngblatui://component/citation - An inline citation marker that reveals a source popover on hover / focus / click. MIME type: text/markdown
- ngblatui://component/resizable - The draggable divider between two resizable panels. MIME type: text/markdown
- ngblatui://component/video - A styled HTML5 video with a poster + play-button facade. MIME type: text/markdown
- ngblatui://component/color-picker - A colour picker: a native colour well, a hex field, and a swatch palette. MIME type: text/markdown
- ngblatui://component/cookie-consent - A GDPR cookie banner. Persists the choice in localStorage (skipped in `demo` mode). MIME type: text/markdown
- ngblatui://component/infinite-scroll - Emits `more` when a sentinel scrolls into view (IntersectionObserver) or the fallback
"Load more" button is pressed. Drive `loading` / `finished` from the consumer. SSR-safe. MIME type: text/markdown
- ngblatui://component/audio-player - A compact audio player around a native `<audio>`: play/pause, seek, time, mute. MIME type: text/markdown
- ngblatui://component/signature-pad - A canvas signature pad with draw, undo and clear. SSR-safe (canvas set up in the browser). MIME type: text/markdown
- ngblatui://component/dock - A macOS-style dock with a cursor-following fisheye magnify. Use `bui-dock-item` tiles. MIME type: text/markdown
- ngblatui://component/tree - A collapsible, data-driven hierarchical tree (`role="tree"`). MIME type: text/markdown
- ngblatui://component/repeater - A dynamic list of repeatable form rows with add/remove and min/max bounds. MIME type: text/markdown
- ngblatui://component/notification-center - A bell trigger with a dropdown feed of notifications and an unread badge. MIME type: text/markdown
- ngblatui://component/json-viewer - A collapsible JSON tree viewer. Accepts an object/array or a JSON string. MIME type: text/markdown
- ngblatui://component/org-chart - A top-down organizational chart with pure-CSS connectors. Recursively renders nodes. MIME type: text/markdown
- ngblatui://component/mini-cart - A cart trigger with an item-count badge and a dropdown with line items + subtotal. MIME type: text/markdown
- ngblatui://component/animated-beam - An SVG beam connecting two elements (by selector) with a travelling light. SSR-safe. MIME type: text/markdown
- ngblatui://component/diff-viewer - A line-by-line text diff (LCS) rendered with +/- gutters. MIME type: text/markdown
- ngblatui://component/tree-table - A table whose rows can nest and expand/collapse (flattened to visible rows). MIME type: text/markdown
- ngblatui://component/markdown-editor - A markdown textarea with a live, sanitized HTML preview. MIME type: text/markdown
- ngblatui://component/calendar - A date calendar. Modes: `single` (one day), `range` (start–end), `multiple` (a set of days).
Render several months side by side with `months`. SSR-safe. MIME type: text/markdown
- ngblatui://component/date-picker - A date input that opens a calendar popover. The popover renders in a CDK overlay, so it escapes
any `overflow: hidden` ancestor (no clipping) and flips to stay on-screen. MIME type: text/markdown
- ngblatui://component/date-range-picker - A start→end date range picker: a trigger that opens a two-month calendar (in a CDK overlay, so
it is never clipped by an `overflow: hidden` ancestor) alongside quick-pick presets. Two-way
bind the range with `[(value)]` or use it as a form control.

```html
<bui-date-range-picker [(value)]="range" />
``` MIME type: text/markdown
- ngblatui://component/carousel - A slide carousel. Project slides as direct children; arrows + dots navigate. SSR-safe. MIME type: text/markdown
- ngblatui://component/command - A command palette: a filterable, keyboard-navigable list of grouped actions. MIME type: text/markdown
- ngblatui://component/context-menu - A right-click context menu. Project the target; pass menu `items`. MIME type: text/markdown
- ngblatui://component/data-table - A data table with search, sortable columns, row selection and pagination. MIME type: text/markdown
- ngblatui://component/chart - A lightweight SVG chart (line / area / bar / donut). Pure + SSR-safe. MIME type: text/markdown
- ngblatui://component/datetime-picker - A combined date + time picker in a popover. Value is `YYYY-MM-DDTHH:mm`. The popover renders in a
CDK overlay, so it escapes any `overflow: hidden` ancestor (no clipping) and flips on-screen. MIME type: text/markdown
- ngblatui://component/autocomplete - A free-text input with a filtered suggestion list. MIME type: text/markdown
- ngblatui://component/comparison-slider - A before/after image comparison with a draggable, keyboard-operable divider. MIME type: text/markdown
- ngblatui://component/file-upload - A drag-and-drop file upload zone with a selected-files list. MIME type: text/markdown
- ngblatui://component/top-progress - An NProgress-style top loading bar. Drive it with `start()` / `set(0..1)` / `done()`,
or with `top-progress:start` / `top-progress:set` / `top-progress:done` window events. MIME type: text/markdown
- ngblatui://component/drawer - A slide-in panel anchored to a screen edge. Toggle with the `open` model. MIME type: text/markdown
- ngblatui://component/input-mask - A text input that formats its value against a mask (9 = digit, a = letter, * = alnum). MIME type: text/markdown
- ngblatui://component/sheet - A sheet overlay sliding in from a screen edge. Toggle with the `open` model. MIME type: text/markdown
- ngblatui://component/sonner - The toast viewport. Drives off the  store. MIME type: text/markdown
- ngblatui://component/navigation-menu - A horizontal navigation menu with hover/click dropdown panels. The panels open in a CDK overlay
so they escape any `overflow: hidden` ancestor (e.g. a clipping header) and flip when they would
run off-screen. A short close delay bridges the gap between a trigger and its panel so moving the
cursor across it doesn't snap the menu shut. MIME type: text/markdown
- ngblatui://component/mention-input - A textarea that suggests mentions when you type the trigger character. MIME type: text/markdown
- ngblatui://component/map - A keyless OpenStreetMap embed centred on a coordinate. SSR-safe. MIME type: text/markdown
- ngblatui://component/gantt - A horizontal Gantt chart positioning task bars over a date range. SSR-safe. MIME type: text/markdown
- ngblatui://component/scheduler - A week/day calendar grid with positioned events. SSR-safe. MIME type: text/markdown
- ngblatui://component/kanban - A drag-and-drop kanban board (Angular CDK drag-drop). MIME type: text/markdown
- ngblatui://component/rich-text-editor - A contenteditable rich-text editor with a basic formatting toolbar. MIME type: text/markdown
- ngblatui://component/sidebar - A collapsible vertical navigation sidebar. Standalone it toggles via the `open` model;
inside a  it reads shared state and becomes a mobile off-canvas
drawer + desktop icon-rail automatically. MIME type: text/markdown
- ngblatui://component/onboarding-tour - A guided product tour with a spotlight on each step's target element. SSR-safe. MIME type: text/markdown
- ngblatui://component/qr-code - Renders a value as a scannable QR code (SVG). Level M, byte mode. SSR-safe. MIME type: text/markdown

## Prompts
- use-component - Insert and use an ng-blatui component (import + usage + typed API). Arguments: name
- scaffold-page - Scaffold a page from ng-blatui templates/blocks. Arguments: kind

## Metadata
- Owner: io.github.anousss007
- Version: 1.1.0
- Runtime: Streamable Http
- Transports: HTTP
- License: Not captured
- Language: Not captured
- Stars: Not captured
- Updated: Jun 23, 2026
- Source: https://registry.modelcontextprotocol.io