M
Tinkerers-Labs/mischief-ui
AccordionaccordionA list of disclosures built on native details elements.
Agent Checklistagent-checklistA task list whose items change state as work proceeds, announcing only what changed.
Annotation Layerannotation-layerNotes attached to regions of a page, created by dragging.
ASCII Imageascii-imageA photograph redrawn as characters, painted once and then left alone.
Ask AIask-aiA source-aware handoff that opens a prepared prompt in an AI assistant or copies it for another one.
Audio Playeraudio-playerA recording with its waveform, its position and its transcript, every line seekable.
Aurora Fieldaurora-fieldA drifting gradient backdrop built from the colours already in your theme.
Avatar Stackavatar-stackOverlapping faces with a count for the rest, and the names underneath.
Bar Visualizerbar-visualizerFrequency bars for audio on its way out, with the state said as well as drawn.
Bounding Boxesbounding-boxesSelectable regions drawn over a page image from normalized coordinates.
BurstburstA short burst of pieces for the moment something finally completes.
Chain of Thoughtchain-of-thoughtThe steps an assistant took before answering, open while it works and folded away after.
Code Blockcode-blockA code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.
Command Palettecommand-paletteA search dialog over anything you can list, opened from a keyboard shortcut.
Component Previewcomponent-previewA framed example with a tab for the source beside it.
Connection Beamconnection-beamA line between two elements with something travelling along it, measured from the elements rather than given as coordinates.
Constellation Fieldconstellation-fieldDrifting points joined by lines, brightening around the pointer.
ConversationconversationA thread scroll container that follows a streaming reply and yields to the reader.
Copy Buttoncopy-buttonCopies a value and says whether it worked, including when the clipboard refuses.
Copy for AIcopy-for-aiHands a documentation page to an assistant as markdown.
CSV Viewercsv-viewerA sortable table for delimited data with a sticky header and a row cap.
Cursor Trailcursor-trailA fading mark behind the pointer, drawn only inside its own box.
Data Tabledata-tableTyped rows with custom cells, column widths you set or the reader drags, sorting that is one property to switch on, and keyed selection.
Diff Viewdiff-viewA proposed change shown as a unified or side-by-side diff, with optional accept and reject controls.
Displacement Imagedisplacement-imageTwo images crossing by pushing their pixels through the same noise.
Dither Imagedither-imageA photograph reduced to two theme colours through an ordered dither.
Document Splitsdocument-splitsMark where one scanned batch becomes several documents.
DOCX Viewerdocx-viewerRenders a Word document as elements built through a tag and attribute allowlist.
Elastic Sliderelastic-sliderAn accessible value slider with restrained physical feedback at its limits.
Empty Rowempty-rowOne line saying a list came back empty, for a table, a list, or a popover.
Empty Stateempty-stateWhat to show when there is nothing yet.
File Thumbnailfile-thumbnailA compact image preview with automatic browser File support, loading, and failure states.
File Treefile-treeAn expandable tree of folders and files with full keyboard navigation.
File Uploadfile-uploadA file picker and dropzone with validation, a visible queue, and optional progress, cancel, and retry handling.
Floating Indexfloating-indexA compact floating outline that tracks reading progress and the active section.
Footer Columnsfooter-columnsLabelled columns of links, with the column count and the link rendering left to you.
Footer Rowfooter-rowA wrapping row of links under its own label, set apart by a dashed rule.
Footer Wordmarkfooter-wordmarkThe oversized brand word that closes a page, drawn as texture rather than content.
Grain Overlaygrain-overlayFilm grain for any panel, which also hides the banding in a wide gradient.
Hold Buttonhold-buttonA confirmation button that completes after a deliberate pointer hold and remains accessible from a keyboard.
Image Gridimage-gridThumbnails in even cells or masonry columns, with nothing but React behind them.
Impossible Checkboximpossible-checkboxA playful checkbox that a determined bear refuses to leave on.
Inline Citationsinline-citationsNumbered markers inside generated text, each linking to its entry in a source list.
Install Commandinstall-commandA switchable install line for a library, with the runner and installer kept apart.
JSON Viewerjson-viewerA collapsible tree for a JSON payload, navigable from the keyboard, where every row can hand you its path.
KbdkbdA keyboard chord rendered with the right glyphs for the reader's platform.
LightboxlightboxOne image at a time, full bleed, with the rest of the set a key away.
Magnetic Tabsmagnetic-tabsAccessible tabs with a gently responsive label and a clear active surface.
Markdown Blocksmarkdown-blocksExtracted document regions rendered as markdown, each one selectable.
MarqueemarqueeA row that runs on its own, seamlessly, and turns back into an ordinary scrolling row for anyone who asked for less motion.
MatrixmatrixA grid of cells lit from the bottom by a level, which reads as a piece of hardware rather than as a chart.
Memory Chipsmemory-chipsEverything an assistant remembers about someone, each one removable on its own.
MessagemessageOne turn in a thread, with role, avatar, timestamp, and reachable actions.
MetaballsmetaballsBlobs that merge as they meet, taking their two colours from your theme.
Mic Selectormic-selectorPicks the microphone, then proves the choice with a live level meter.
Model Pickermodel-pickerA model chooser with room for what each one is good at.
Not Foundnot-foundThe page-scale empty state: a status, a heading you can read across a room, and somewhere to go.
Number Tickernumber-tickerCounts to a number rather than replacing it, in any currency or format.
OrborbA sphere that carries what an assistant is doing, settled when idle and moving with the voice when there is one.
OTP Inputotp-inputA one time code, one box per character, where pasting the whole code works.
Page Navigatorpage-navigatorA rail of page thumbnails for moving through a long document.
PaginationpaginationPage numbers with gaps where the run is broken, as buttons or as your own links.
PDF Viewerpdf-viewerPage-by-page PDF rendering on a canvas, with paging and zoom, over any loader.
Presence Fieldpresence-fieldAn ambient backdrop that carries what an assistant is doing, and settles rather than snaps.
Prompt Inputprompt-inputA growing composer that sends on Enter and becomes a stop button while streaming.
QuestionnairequestionnaireMulti-step questions an agent asks before starting, with single, multiple, and freeform answers.
RedactionredactionMark regions to black out, with a reveal that states it is only a preview.
Render Surfacerender-surfaceA canvas that sizes itself, sleeps when it is off screen, and holds still when motion is reduced.
Resizable Panelsresizable-panelsTwo panels and a divider that can be dragged or driven from the keyboard.
ResponseresponseAn assistant's answer as markdown, including while it is still half-written and briefly invalid.
Response Actionsresponse-actionsThe row under an answer: copy it, ask again, and rate it.
RevealrevealMoves its children in when they arrive on screen, and never decides whether they are there.
Scene Heroscene-heroA lit three-dimensional object behind a headline, steered by the pointer.
Schema Builderschema-builderBuild the shape you want extracted from a document, with nesting.
Scroll Scenescroll-sceneTurns the scrolling of a tall element into a number, without rendering the page to do it.
Scroll to Top Buttonscroll-to-top-buttonA floating shortcut that appears after someone moves down a long page or scroll container and returns them to the top.
Scrub Barscrub-barThe seek control on its own: a slider that happens to be a timeline, announced in minutes and seconds.
Secret Fieldsecret-fieldAn API key or token: hidden until asked for, copied whole either way.
Shader Surfaceshader-surfaceFour shader backdrops, each taking its two colours from your theme.
Shift Buttonshift-buttonA call-to-action button that trades its leading icon for a directional cue.
Shimmering Textshimmering-textWords with a light moving across them, for the wait between asking and the first token.
Side Panelside-panelA pane that comes in from the side: an inspector, a filter set, a row's detail.
Signature Padsignature-padSign with a pointer on a canvas, or type a name instead.
SkeletonskeletonA placeholder the shape of what is coming, so the page does not jump when it arrives.
Sortable Listsortable-listA list reordered by dragging a handle, or from the keyboard without one.
Source Cardsource-cardOne retrieved passage: where it came from, what it said, and how well it matched.
SpinnerspinnerThe smallest way to say something is happening, for a control that is working.
Split Textsplit-textA heading animated one character, word, or line at a time, announced as one sentence.
Spotlight Cardspotlight-cardA card that catches a light following the pointer, across a whole grid at once.
Status Pillstatus-pillA dot and a few words: operational, degraded, closed.
StepperstepperWhere someone is in something with a beginning and an end.
Stop Generatingstop-generatingThe control that interrupts a running answer.
Stopped Runstopped-runWhat the thread says after an answer ended early, keeping what it had already written.
Stream Glowstream-glowAn edge that breathes along a region while tokens land in it.
Streaming Textstreaming-textText that arrives a piece at a time from an async source, with sentence-level announcements.
Subagent Treesubagent-treeSeveral agents working at once, nested under whoever handed the work down.
SuggestionssuggestionsA scrollable row of prompts to start or continue a conversation with.
Table of Contentstable-of-contentsA page outline that marks the section the reader is in.
Tag Inputtag-inputAn input that turns what you typed into a removable tag.
Terminal Outputterminal-outputStreaming command output with stderr called out, an exit code, and scroll that follows without trapping you.
Theme Toggletheme-toggleA light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.
Thinking Statethinking-stateA status row for work in progress, with a live elapsed timer and optional reasoning.
Tilt Cardtilt-cardA card that leans toward the pointer as though it were a physical object.
TimelinetimelineThings that happened, in the order they happened, with each state said aloud.
Token Metertoken-meterHow much of the context window is gone, split by what spent it.
Tool Calltool-callA compact record of one tool invocation with its input and output behind a disclosure.
Transcript Viewertranscript-viewerA recording as text, where every line is also the way back to the moment it was said.
Video Playervideo-playerVideo with real captions, a keyboard-operable scrubber, and controls that survive full screen.
Voice Inputvoice-inputA microphone that draws what it is hearing, so a live one is told apart from a dead one at a glance.
Web Previewweb-previewA sandboxed frame for whatever the agent just built, with the widths to check it at.
Wireframe Globewireframe-globeA wireframe world with places marked on it, and the same places written out underneath.