{"$schema":"https://ui.shadcn.com/schema/registry.json","name":"monstarx-ui","homepage":"https://monstarx.com/ui","items":[{"name":"agent-screen","type":"registry:block","title":"Agent screen","description":"An agent using a website for you: watch it click and type, take over or approve the risky step, teach it by doing a task once, or replay the recording.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/agent-screen.tsx","type":"registry:component"}],"categories":["agent","computer use","browser agent","take over","human in the loop"],"docs":"Live demo: https://monstarx.com/ui#agent-screen. Variants: watch, teach, record (prop `variant`, default `watch`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component agent-screen (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["watch","teach","record"],"page":"https://monstarx.com/ui#agent-screen"}},{"name":"thinking","type":"registry:component","title":"Thinking trace","description":"Shows what the agent is doing while it works — steps, reasoning, searches and code — then folds away into one line.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/thinking.tsx","type":"registry:component"}],"categories":["agent","reasoning","agent progress","loading","chain of thought"],"docs":"Live demo: https://monstarx.com/ui#thinking. Variants: steps, reasoning, search, code (prop `variant`, default `steps`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component thinking (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["steps","reasoning","search","code"],"page":"https://monstarx.com/ui#thinking"}},{"name":"tool-chips","type":"registry:component","title":"Tool chips","description":"The tools an agent calls while it answers, as chips that run, fail, retry and finish — each opening to its input and output.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/tool-chips.tsx","type":"registry:component"}],"categories":["agent","function calling","tool calls","tool use","agent progress"],"docs":"Live demo: https://monstarx.com/ui#tool-chips. Variants: inline, timeline (prop `variant`, default `inline`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component tool-chips (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["inline","timeline"],"page":"https://monstarx.com/ui#tool-chips"}},{"name":"task-rows","type":"registry:component","title":"Task rows","description":"Live status for the jobs an agent runs: queued, running with progress, failed with a retry, done — as capsules or a list.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/task-rows.tsx","type":"registry:component"}],"categories":["agent","jobs","agent progress","loading","background tasks"],"docs":"Live demo: https://monstarx.com/ui#task-rows. Variants: capsules, list (prop `variant`, default `capsules`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component task-rows (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["capsules","list"],"page":"https://monstarx.com/ui#task-rows"}},{"name":"feature-plan","type":"registry:component","title":"Feature plan","description":"The plan an agent works through, as a checklist with progress: each feature’s status, what it covers and whether its test passed.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/feature-plan.tsx","type":"registry:component"}],"categories":["agent","plan","todo","checklist","agent progress"],"docs":"Live demo: https://monstarx.com/ui#feature-plan. Variants: card, compact (prop `variant`, default `card`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component feature-plan (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["card","compact"],"page":"https://monstarx.com/ui#feature-plan"}},{"name":"request-queue","type":"registry:component","title":"Request queue tray","description":"Requests sent while the agent is busy wait in a tray above the prompt box — reorder, edit, remove or send one next.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/request-queue.tsx","type":"registry:component"}],"categories":["agent","queue","follow-up messages","chat","pending messages"],"docs":"Live demo: https://monstarx.com/ui#request-queue. Variants: tray, compact (prop `variant`, default `tray`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component request-queue (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["tray","compact"],"page":"https://monstarx.com/ui#request-queue"}},{"name":"image-grid","type":"registry:component","title":"Image generation grid","description":"Generate images from a prompt: batches that develop from noise with live progress, then vary, upscale, save or download any of them.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/image-grid.tsx","type":"registry:component"}],"categories":["agent","image generation","ai images","gallery","text to image"],"docs":"Live demo: https://monstarx.com/ui#image-grid. Variants: grid, focus (prop `variant`, default `grid`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component image-grid (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"agent","variants":["grid","focus"],"page":"https://monstarx.com/ui#image-grid"}},{"name":"streaming-answer","type":"registry:component","title":"Streaming answer","description":"An answer that writes itself in, with numbered citations that open a preview, actions to copy or rate it, and follow-up questions.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/streaming-answer.tsx","type":"registry:component"}],"categories":["conversation","chat","ai answer","streaming","citations"],"docs":"Live demo: https://monstarx.com/ui#streaming-answer. Variants: citations, chips (prop `variant`, default `citations`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component streaming-answer (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"conversation","variants":["citations","chips"],"page":"https://monstarx.com/ui#streaming-answer"}},{"name":"context-cards","type":"registry:component","title":"Context cards","description":"The passages an AI found before answering: source, relevance and matching words, with pin and leave out — and the answer follows.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/context-cards.tsx","type":"registry:component"}],"categories":["conversation","rag","retrieval","sources","passages"],"docs":"Live demo: https://monstarx.com/ui#context-cards. Variants: cards, list (prop `variant`, default `cards`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component context-cards (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"conversation","variants":["cards","list"],"page":"https://monstarx.com/ui#context-cards"}},{"name":"approval-card","type":"registry:component","title":"Approval card","description":"Questions the agent asks before it acts, one at a time, and a permission card for actions that need a yes.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/approval-card.tsx","type":"registry:component"}],"categories":["conversation","human in the loop","hitl","approval","confirm"],"docs":"Live demo: https://monstarx.com/ui#approval-card. Variants: questions, permission (prop `variant`, default `questions`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component approval-card (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"conversation","variants":["questions","permission"],"page":"https://monstarx.com/ui#approval-card"}},{"name":"recommendation-card","type":"registry:component","title":"Recommendation card","description":"An AI recommendation with a confidence gauge, the evidence and risk behind it, and the alternatives it weighed — as a card or a comparison.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/recommendation-card.tsx","type":"registry:component"}],"categories":["conversation","recommendation","confidence","decision","evidence"],"docs":"Live demo: https://monstarx.com/ui#recommendation-card. Variants: card, compare (prop `variant`, default `card`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component recommendation-card (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"conversation","variants":["card","compare"],"page":"https://monstarx.com/ui#recommendation-card"}},{"name":"voice-orb","type":"registry:component","title":"Voice agent orb","description":"An orb that breathes, listens, thinks and speaks, with live captions, mute and tap to interrupt — or a compact in-call bar.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/voice-orb.tsx","type":"registry:component"}],"categories":["conversation","voice","voice agent","speech","call"],"docs":"Live demo: https://monstarx.com/ui#voice-orb. Variants: orb, call (prop `variant`, default `orb`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component voice-orb (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"conversation","variants":["orb","call"],"page":"https://monstarx.com/ui#voice-orb"}},{"name":"preview-comments","type":"registry:component","title":"Comments on a preview","description":"Pinned comment threads on a live preview: drop a pin anywhere, reply, resolve and undo, with an optional list of every thread.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/preview-comments.tsx","type":"registry:component"}],"categories":["conversation","comments","feedback","annotations","pins"],"docs":"Live demo: https://monstarx.com/ui#preview-comments. Variants: pins, sidebar (prop `variant`, default `pins`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component preview-comments (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"conversation","variants":["pins","sidebar"],"page":"https://monstarx.com/ui#preview-comments"}},{"name":"prompt-bar","type":"registry:component","title":"Prompt bar","description":"The box people type to the agent in: @ to attach sources, / for commands, a model menu, attachments and voice.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/prompt-bar.tsx","type":"registry:component"}],"categories":["input","chat input","composer","prompt","message box"],"docs":"Live demo: https://monstarx.com/ui#prompt-bar. Variants: rounded, pill (prop `variant`, default `rounded`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component prompt-bar (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"input","variants":["rounded","pill"],"page":"https://monstarx.com/ui#prompt-bar"}},{"name":"model-picker","type":"registry:component","title":"Model picker","description":"Choose the model and how hard it thinks: speed and cost at a glance, premium badges, and effort from low to max.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/model-picker.tsx","type":"registry:component"}],"categories":["input","model selector","llm","ai model","dropdown"],"docs":"Live demo: https://monstarx.com/ui#model-picker. Variants: menu, inline (prop `variant`, default `menu`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component model-picker (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"input","variants":["menu","inline"],"page":"https://monstarx.com/ui#model-picker"}},{"name":"dictation-waveform","type":"registry:component","title":"Dictation waveform","description":"Speak instead of typing: a live waveform and timer, words arriving as you talk, then keep or cancel — with a demo voice or your own microphone.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/dictation-waveform.tsx","type":"registry:component"}],"categories":["input","voice input","speech to text","dictation","microphone"],"docs":"Live demo: https://monstarx.com/ui#dictation-waveform. Variants: field, panel (prop `variant`, default `field`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component dictation-waveform (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"input","variants":["field","panel"],"page":"https://monstarx.com/ui#dictation-waveform"}},{"name":"selection-actions","type":"registry:component","title":"Selection actions","description":"Highlight text and an AI toolbar appears: improve, shorten, warm up, fix or translate, then accept or discard the rewrite in place.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/selection-actions.tsx","type":"registry:component"}],"categories":["input","inline ai","rewrite","text selection","floating toolbar"],"docs":"Live demo: https://monstarx.com/ui#selection-actions. Variants: toolbar, menu (prop `variant`, default `toolbar`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component selection-actions (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"input","variants":["toolbar","menu"],"page":"https://monstarx.com/ui#selection-actions"}},{"name":"command-palette","type":"registry:component","title":"Command palette","description":"One box to find anything and run any action: fuzzy search, grouped results, scopes and a second step, all from the keyboard.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/command-palette.tsx","type":"registry:component"}],"categories":["input","cmdk","command k","search","spotlight"],"docs":"Live demo: https://monstarx.com/ui#command-palette. Variants: grouped, preview (prop `variant`, default `grouped`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component command-palette (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"input","variants":["grouped","preview"],"page":"https://monstarx.com/ui#command-palette"}},{"name":"diff-table","type":"registry:component","title":"Diff table","description":"AI edits sweeping through a table row by row: every change as before → after, accept or reject per cell, per row or all, and the rows it left alone explained.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/diff-table.tsx","type":"registry:component"}],"categories":["data","data cleaning","bulk edit","ai edits","review changes"],"docs":"Live demo: https://monstarx.com/ui#diff-table. Variants: inline, rows (prop `variant`, default `inline`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component diff-table (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"data","variants":["inline","rows"],"page":"https://monstarx.com/ui#diff-table"}},{"name":"insight-cards","type":"registry:component","title":"Insight cards","description":"Numbers that explain themselves: stat cards with sparklines or bar charts you can hover, and the insight behind them.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/insight-cards.tsx","type":"registry:component"}],"categories":["data","dashboard","analytics","charts","kpi"],"docs":"Live demo: https://monstarx.com/ui#insight-cards. Variants: sparklines, bars (prop `variant`, default `sparklines`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component insight-cards (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"data","variants":["sparklines","bars"],"page":"https://monstarx.com/ui#insight-cards"}},{"name":"records-table","type":"registry:component","title":"Records table","description":"A CRM-style table: search, sortable columns, tags, a strength meter, and row selection with bulk actions.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/records-table.tsx","type":"registry:component"}],"categories":["data","data table","crm","table","grid"],"docs":"Live demo: https://monstarx.com/ui#records-table. Variants: comfortable, compact (prop `variant`, default `comfortable`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component records-table (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"data","variants":["comfortable","compact"],"page":"https://monstarx.com/ui#records-table"}},{"name":"filter-table","type":"registry:component","title":"Filter table","description":"A live table that status chips reorganise as you filter: counts update, rows glide into place and new ones arrive while you watch.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/filter-table.tsx","type":"registry:component"}],"categories":["data","data table","filters","live data","orders"],"docs":"Live demo: https://monstarx.com/ui#filter-table. Variants: chips, grouped (prop `variant`, default `chips`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component filter-table (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"data","variants":["chips","grouped"],"page":"https://monstarx.com/ui#filter-table"}},{"name":"code-diff","type":"registry:component","title":"Code diff","description":"The agent’s code changes, ready to review: unified or side by side, word-level highlights, folded unchanged lines and comments on any changed line.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/code-diff.tsx","type":"registry:component"}],"categories":["data","code review","pull request","diff","git"],"docs":"Live demo: https://monstarx.com/ui#code-diff. Variants: unified, split (prop `variant`, default `unified`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component code-diff (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"data","variants":["unified","split"],"page":"https://monstarx.com/ui#code-diff"}},{"name":"log-stream","type":"registry:component","title":"Log stream","description":"A live log viewer with level filters, search, follow and copy — or a terminal that streams a build and takes commands.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/log-stream.tsx","type":"registry:component"}],"categories":["data","logs","terminal","console","realtime"],"docs":"Live demo: https://monstarx.com/ui#log-stream. Variants: logs, terminal (prop `variant`, default `logs`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component log-stream (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"data","variants":["logs","terminal"],"page":"https://monstarx.com/ui#log-stream"}},{"name":"flowchart-canvas","type":"registry:block","title":"Flowchart canvas","description":"An automation drawn on a dotted canvas — trigger, conditions and actions — with a + to add a step anywhere and a test run that lights up the path.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/flowchart-canvas.tsx","type":"registry:component"}],"categories":["workflow","workflow builder","automation","node editor","flow"],"docs":"Live demo: https://monstarx.com/ui#flowchart-canvas. Variants: build, run (prop `variant`, default `build`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component flowchart-canvas (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"workflow","variants":["build","run"],"page":"https://monstarx.com/ui#flowchart-canvas"}},{"name":"kanban","type":"registry:block","title":"Kanban board","description":"Columns of cards to move between stages — with a mouse, a finger or the keyboard — with limits and a quick add.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/kanban.tsx","type":"registry:component"}],"categories":["workflow","board","trello","drag and drop","tasks"],"docs":"Live demo: https://monstarx.com/ui#kanban. Variants: board, compact (prop `variant`, default `board`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component kanban (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"workflow","variants":["board","compact"],"page":"https://monstarx.com/ui#kanban"}},{"name":"live-cursors","type":"registry:component","title":"Live cursors and presence","description":"Who is here and what they are doing: avatars with status, named cursors that glide, remote selections and carets, and follow mode.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/live-cursors.tsx","type":"registry:component"}],"categories":["workflow","multiplayer","presence","collaboration","realtime"],"docs":"Live demo: https://monstarx.com/ui#live-cursors. Variants: canvas, document (prop `variant`, default `canvas`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component live-cursors (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"workflow","variants":["canvas","document"],"page":"https://monstarx.com/ui#live-cursors"}},{"name":"version-timeline","type":"registry:component","title":"Version timeline","description":"Every saved version on a timeline: see what changed as a diff or a before/after slider, restore any version after a clear confirmation, and undo.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/version-timeline.tsx","type":"registry:component"}],"categories":["workflow","version history","undo","restore","history"],"docs":"Live demo: https://monstarx.com/ui#version-timeline. Variants: changes, visual (prop `variant`, default `changes`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component version-timeline (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"workflow","variants":["changes","visual"],"page":"https://monstarx.com/ui#version-timeline"}},{"name":"sidebar-nav","type":"registry:block","title":"Sidebar navigation","description":"An app’s side menu with a workspace switcher, badges, folding sections, a highlight that glides with the pointer, and an icon rail.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/sidebar-nav.tsx","type":"registry:component"}],"categories":["blocks","navigation","sidebar","menu","app shell"],"docs":"Live demo: https://monstarx.com/ui#sidebar-nav. Variants: expanded, rail (prop `variant`, default `expanded`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component sidebar-nav (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["expanded","rail"],"page":"https://monstarx.com/ui#sidebar-nav"}},{"name":"onboarding-checklist","type":"registry:block","title":"Onboarding checklist","description":"A setup guide with a progress ring: the next step opens with its action, steps can be skipped, and the guide hides and comes back.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/onboarding-checklist.tsx","type":"registry:component"}],"categories":["blocks","onboarding","getting started","setup guide","checklist"],"docs":"Live demo: https://monstarx.com/ui#onboarding-checklist. Variants: card, launcher (prop `variant`, default `card`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component onboarding-checklist (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["card","launcher"],"page":"https://monstarx.com/ui#onboarding-checklist"}},{"name":"settings-form","type":"registry:block","title":"Settings form","description":"Grouped settings that know what changed: edited fields marked, a save bar with the count, Discard, validation and ⌘S.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/settings-form.tsx","type":"registry:component"}],"categories":["blocks","settings","preferences","form","profile"],"docs":"Live demo: https://monstarx.com/ui#settings-form. Variants: sections, single (prop `variant`, default `sections`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component settings-form (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["sections","single"],"page":"https://monstarx.com/ui#settings-form"}},{"name":"stepper","type":"registry:block","title":"Stepper / wizard","description":"A long form in short steps: where you are, what’s done, checks before moving on, a review with edit links, and a confirmation.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/stepper.tsx","type":"registry:component"}],"categories":["blocks","wizard","multi-step form","stepper","checkout"],"docs":"Live demo: https://monstarx.com/ui#stepper. Variants: horizontal, vertical (prop `variant`, default `horizontal`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component stepper (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["horizontal","vertical"],"page":"https://monstarx.com/ui#stepper"}},{"name":"import-mapping","type":"registry:block","title":"Data import mapping","description":"Match a spreadsheet’s columns to your fields: suggested matches with a confidence, sample values, required fields and clashes, then the import.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/import-mapping.tsx","type":"registry:component"}],"categories":["blocks","csv import","spreadsheet import","column mapping","data import"],"docs":"Live demo: https://monstarx.com/ui#import-mapping. Variants: columns, sheet (prop `variant`, default `columns`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component import-mapping (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["columns","sheet"],"page":"https://monstarx.com/ui#import-mapping"}},{"name":"file-drop","type":"registry:component","title":"File drop and attachments","description":"Drag, browse or paste files: previews, progress for each one, clear reasons for refused files, Retry, and a message that waits for its uploads.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/file-drop.tsx","type":"registry:component"}],"categories":["blocks","file upload","drag and drop","dropzone","attachments"],"docs":"Live demo: https://monstarx.com/ui#file-drop. Variants: dropzone, composer (prop `variant`, default `dropzone`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component file-drop (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["dropzone","composer"],"page":"https://monstarx.com/ui#file-drop"}},{"name":"permission-dialog","type":"registry:component","title":"Permission dialog","description":"Ask before acting: what an app or an AI agent wants to do, each permission explained, optional ones switchable, and a choice to remember.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/permission-dialog.tsx","type":"registry:component"}],"categories":["blocks","oauth","consent","permissions","scopes"],"docs":"Live demo: https://monstarx.com/ui#permission-dialog. Variants: connect, agent (prop `variant`, default `connect`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component permission-dialog (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["connect","agent"],"page":"https://monstarx.com/ui#permission-dialog"}},{"name":"booking-slots","type":"registry:component","title":"Booking slot picker","description":"Pick a day and a time: a date strip or a month calendar, morning and afternoon slots, sold-out times and a confirmation.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/booking-slots.tsx","type":"registry:component"}],"categories":["blocks","booking","scheduling","calendar","date picker"],"docs":"Live demo: https://monstarx.com/ui#booking-slots. Variants: strip, calendar (prop `variant`, default `strip`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component booking-slots (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["strip","calendar"],"page":"https://monstarx.com/ui#booking-slots"}},{"name":"pricing-table","type":"registry:block","title":"Pricing table","description":"Plans side by side with a monthly / yearly switch, the popular plan lifted out, a choice that carries to checkout, and a full comparison.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/pricing-table.tsx","type":"registry:component"}],"categories":["blocks","pricing","plans","subscription","billing"],"docs":"Live demo: https://monstarx.com/ui#pricing-table. Variants: cards, compare (prop `variant`, default `cards`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component pricing-table (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"blocks","variants":["cards","compare"],"page":"https://monstarx.com/ui#pricing-table"}},{"name":"toast-stack","type":"registry:component","title":"Toast stack","description":"Short notices that stack, fan out on hover, swipe away, show progress for slow work and offer Undo.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/toast-stack.tsx","type":"registry:component"}],"categories":["feedback","toast","notifications","snackbar","alerts"],"docs":"Live demo: https://monstarx.com/ui#toast-stack. Variants: bottom, top (prop `variant`, default `bottom`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component toast-stack (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"feedback","variants":["bottom","top"],"page":"https://monstarx.com/ui#toast-stack"}},{"name":"notification-inbox","type":"registry:block","title":"Notification inbox","description":"A bell with an unread count that opens an inbox: All, Unread and Mentions tabs, actions in place, mark all as read, and live arrivals.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/notification-inbox.tsx","type":"registry:component"}],"categories":["feedback","notifications","inbox","bell","activity feed"],"docs":"Live demo: https://monstarx.com/ui#notification-inbox. Variants: popover, page (prop `variant`, default `popover`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component notification-inbox (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"feedback","variants":["popover","page"],"page":"https://monstarx.com/ui#notification-inbox"}},{"name":"empty-states","type":"registry:component","title":"Empty states","description":"What a screen says when there’s nothing to show: the first visit, no search results, a failed load and offline, each with a next step.","author":"MonstarX <https://monstarx.com/ui>","dependencies":["lucide-react"],"files":[{"path":"registry/monstarx-ui/empty-states.tsx","type":"registry:component"}],"categories":["feedback","empty state","zero state","no results","error state"],"docs":"Live demo: https://monstarx.com/ui#empty-states. Variants: firstRun, noResults, error, offline (prop `variant`, default `firstRun`). The sample data is a fictional coffee roaster — swap in your own. Agents: use monstarx-ui get_component empty-states (MCP server https://monstarx.com/ui/mcp).","meta":{"group":"feedback","variants":["firstRun","noResults","error","offline"],"page":"https://monstarx.com/ui#empty-states"}}]}