# OpenSlides Studio

> OpenSlides Studio is a web-native deck studio where every slide is a readable React file (`slides/<id>.tsx`) in a small dialect, and every edit — by hand on the canvas, by the built-in agent, or by an outside agent over MCP — is an op that patches only what it changed. Decks are folders (`deck.json` + `slides/*.tsx`); 185 plug-and-play components, 27 ops, 8 MCP tools, 239 prompt templates. Nothing is uploaded.

Generated by scripts/llms/build.mjs from the sources; do not edit by hand.

## Docs

- [The slide dialect](llms/dialect.md): the rules a slide file follows, surgical writeback, islands, source stamps and live compile
- [Ops](llms/ops.md): the 27 edit ops with their JSON Schemas
- [MCP server](llms/mcp.md): the 8 tools of `openslides-studio`
- [Drive a deck from Claude Code or Codex](llms/agents.md): connect, read, change, render and dub

## Components

### chart

- [BarChart](llms/prompts/component-bar-chart.md): Vertical or horizontal bars, one or more series, values written on the bars, one category highlighted.
- [LineChart](llms/prompts/component-line-chart.md): One or more lines with the last value written at each line end, an optional target line and dots.
- [AreaChart](llms/prompts/component-area-chart.md): A line chart with a soft gradient fill down to zero.
- [Donut](llms/prompts/component-donut.md): Parts of a whole as a ring, one part highlighted, its share in the middle, an optional legend.
- [Gauge](llms/prompts/component-gauge.md): A half-ring filled to a value, with the number counting up in the middle.
- [Progress](llms/prompts/component-progress.md): A labelled bar filled to a value, continuous or in segments.
- [ChartRace](llms/prompts/component-chart-race.md): Horizontal bars that re-rank as their values move through periods: overtakes glide, values count, the period is written large behind the bars and a rail tracks the timeline.
- [Funnel](llms/prompts/component-funnel.md): Stages as bars on one axis, each sized by its value, joined by soft bands of what carried through; bars grow stage by stage, values count, and the conversion appears on each band.
- [LineRace](llms/prompts/component-line-race.md): A line chart that draws itself: each series runs left to right with a glowing head carrying its current value, the axis follows the running maximum, and annotations drop in as the head passes them.
- [StreamGraph](llms/prompts/component-stream-graph.md): Stacked areas flowing along a time axis, centred on a baseline (a stream) or stacked from zero; revealed left to right behind a soft edge, each stream named at its widest point with its last value at its end.

### data

- [Kpi](llms/prompts/component-kpi.md): One big number at poster scale, with its label and a delta chip; counts up.
- [KpiGrid](llms/prompts/component-kpi-grid.md): Two to eight numbers in a row or grid with hairline dividers; each counts up.
- [Table](llms/prompts/component-table.md): A typeset table: mono header, hairline rows, tabular numbers, a highlighted row and a total row.
- [Countdown](llms/prompts/component-countdown.md): A live mm:ss (or days/hours) countdown in mono digits.
- [NumberMorph](llms/prompts/component-number-morph.md): One big number that moves between values step by step: each digit rolls like an odometer (or the value counts), while the label and a delta chip change with it.
- [IconGrid](llms/prompts/component-icon-grid.md): A unit chart: a grid of icons (100 by default) of which a share fills in the accent one unit at a time, while the number counts with the fill. Segments let several groups share the grid.
- [ProgressRings](llms/prompts/component-progress-rings.md): Radial progress rings — nested like an activity ring with a legend beside, or in a row with each number in its ring — that fill one after another while their values count.

### narrative

- [Timeline](llms/prompts/component-timeline.md): Milestones on one line: when, what, and a sentence each; the current one ringed in the accent.
- [Roadmap](llms/prompts/component-roadmap.md): Columns of cards by period, each card with a status (done, now, next, at risk).
- [Steps](llms/prompts/component-steps.md): A numbered process: circles joined by a rule, or (poster) huge stacked words with mono numbers.
- [Agenda](llms/prompts/component-agenda.md): Numbered sections with hairlines; the current one at full strength, the rest dimmed.
- [IconList](llms/prompts/component-icon-list.md): Points with a Lucide icon each, in one to three columns.
- [Comparison](llms/prompts/component-comparison.md): Two or three columns of points, each with a tone (worked / held us back), one optionally filled.
- [Callout](llms/prompts/component-callout.md): A tinted (or solid) note with an icon, a title and a sentence; an optional pointer to annotate a chart.
- [TimelineScrubber](llms/prompts/component-timeline-scrubber.md): A playhead travels a dated track; each milestone lights up as it is reached — its dot ripples, its card rises in — and the track fills in the accent behind the playhead.

### social

- [Quote](llms/prompts/component-quote.md): A pull quote at display size, sized to its box, with an oversized mark and the attribution.
- [Testimonial](llms/prompts/component-testimonial.md): A quote card with the person and, beside it, the number that proves it.
- [LogoRow](llms/prompts/component-logo-row.md): Customer or partner logos in a row — images, or typeset wordmarks when there are none.
- [AvatarStack](llms/prompts/component-avatar-stack.md): Overlapping avatars (photos or initials) with a "+N" and a caption.
- [Badge](llms/prompts/component-badge.md): A pill label that fills its box: solid, soft or outline, with an icon or a live dot.
- [Sticker](llms/prompts/component-sticker.md): A tilted pill, circle or starburst with a hard ink outline and offset shadow.

### code

- [CodeBlock](llms/prompts/component-code-block.md): Syntax-highlighted code in theme colours, with a filename bar, line numbers and highlighted lines.
- [Terminal](llms/prompts/component-terminal.md): A terminal window that types its commands on the slide’s schedule and prints the output after each.

### type

- [BigStatement](llms/prompts/component-big-statement.md): One sentence set as large as its box allows, with an accented phrase and a mono kicker.
- [PosterType](llms/prompts/component-poster-type.md): Stacked words, each line as large as the box allows; per-line colour and outline.
- [SectionDivider](llms/prompts/component-section-divider.md): A huge outlined section numeral behind the section title and a mono kicker.
- [Eyebrow](llms/prompts/component-eyebrow.md): A mono uppercase label with a trailing dash or a rule that runs to the end of its box.

### decor

- [GhostNumber](llms/prompts/component-ghost-number.md): An enormous outlined numeral in the background.
- [Glow](llms/prompts/component-glow.md): A soft blurred light in the accent or a gradient token; pair with drift.
- [CornerMarks](llms/prompts/component-corner-marks.md): Four selection brackets at the corners of the box.
- [IconSphere](llms/prompts/component-icon-sphere.md): Labels and icons spread evenly over a slowly turning sphere; the near side is large and sharp, the far side small and faint; one item can be featured in the accent.
- [BackgroundPattern](llms/prompts/component-background-pattern.md): Untitled UI’s background patterns — concentric circles, a grid, or nested turned squares — in a faint theme colour, fading out from a centre point; the rings draw outwards as it enters.
- [Illustration](llms/prompts/component-illustration.md): One of Untitled UI’s small illustrations — a cloud, a box, documents or a credit card — in the theme’s greys, with a round icon badge on it.

### media

- [ImageGrid](llms/prompts/component-image-grid.md): Photos in a mosaic, grid or strip, with captions; tinted placeholders until images are added.
- [Marquee](llms/prompts/component-marquee.md): An endless ticker of words or figures with accent dots, optionally on a band.
- [Lottie](llms/prompts/component-lottie.md): Plays a Lottie (Bodymovin) animation from the deck’s assets, seeked frame by frame from the slide clock so it scrubs and renders to video exactly. Without a file it shows a small original demo (a sun charging a battery) in the theme’s colours.
- [DeviceMockup](llms/prompts/component-device-mockup.md): A laptop, phone, tablet or browser window with a screenshot or a screen recording inside; the device rises and settles out of a tilt, and a video plays in step with the slide (it scrubs and renders to video frame-exactly). With nothing inside it shows an original animated Northwind app screen.
- [ParallaxLayers](llms/prompts/component-parallax-layers.md): Depth from layers that move at different speeds: your own images drifting by depth, or a procedural landscape in the theme’s colours — a low sun, three ridges and a row of solar panels catching the light — that loops seamlessly.
- [EventFeed](llms/prompts/component-event-feed.md): A live feed of events arriving one at a time: each new card springs in at the top and pushes the others down, and the oldest fade out at the bottom.
- [ArcGallery](llms/prompts/component-arc-gallery.md): Pictures on a wide, shallow curve that slides slowly past: the centre picture faces the audience, the outer ones turn away, shrink and fade into the ground. Captions under each. Loops seamlessly.
- [DomeWall](llms/prompts/component-dome-wall.md): The audience stands inside a dome lined with picture tiles that turns slowly around them, the camera looking slightly up; the rim melts into the slide ground. One picture can be featured: forward, outlined in the accent, centred at the poster.
- [MasonryBuild](llms/prompts/component-masonry-build.md): A masonry wall of pictures (equal columns, tiles keeping their shapes) that builds in tile by tile from the top like a rising tide — each rising, sharpening and fading in — then takes one soft glare across.
- [LogoConveyor](llms/prompts/component-logo-conveyor.md): One or two rows of customer or partner logos gliding sideways, evenly spaced, fading at both ends; the logo nearest the centre lights up. Typeset wordmarks stand in where there is no logo image. Loops seamlessly.
- [PixelDissolve](llms/prompts/component-pixel-dissolve.md): One picture turns into the next through a grid of square cells, each switching at its own moment after a brief flash of the accent — random, a wipe, from the centre or on the diagonal. With more than two pictures it steps through them.
- [TiltCard](llms/prompts/component-tilt-card.md): A card held and turned gently in the hand: it leans on a slow seamless path, a soft glare slides opposite the tilt, its shadow shifts, and the number and label float slightly in front of the face. Hovering while presenting takes it over.

### background

- [Aurora](llms/prompts/component-aurora.md): Curtains of light hanging from the top of the slide: a bright lower edge, soft vertical rays and a long fade upward, drifting slowly. WebGL.
- [MeshGradient](llms/prompts/component-mesh-gradient.md): A field of soft colour that drifts and folds: two to five theme colours blended like a mesh gradient, with fine grain so it never bands. WebGL.
- [Particles](llms/prompts/component-particles.md): Drifting particles in five moods: floating dust with bokeh, a twinkling starfield that drifts toward you, falling snow, rising embers, or a network of nodes joined when near.
- [Grain](llms/prompts/component-grain.md): A film-noise overlay: light and dark specks that change a dozen times a second. Put it on top of everything (last in the slide) to take the digital edge off gradients and photos.
- [DotGrid](llms/prompts/component-dot-grid.md): A quiet grid of dots with something travelling through it: ripples from seeded points, a diagonal sweep, or cells that flicker on and off.
- [LineGrid](llms/prompts/component-line-grid.md): Hairline grid with crosses at the intersections, and short beams of light running along the lines.
- [Waves](llms/prompts/component-waves.md): Slow waves: a surface of fine lines rolling across the slide, or stacked filled swells rising from the bottom.
- [LightBeams](llms/prompts/component-light-beams.md): God rays fanning down from just above the top edge: soft beams that sway and breathe, with motes of dust in the light.
- [SpotlightSweep](llms/prompts/component-spotlight-sweep.md): Stage spotlights hung off the top corners, sweeping slowly across the slide with a pool of light where they land.
- [Blobs](llms/prompts/component-blobs.md): Organic shapes that drift and change outline: soft glowing orbs when blurred, crisp morphing forms when not.
- [FlowField](llms/prompts/component-flow-field.md): Hundreds of fine lines combed along a slowly turning noise field, each one born, drifting and fading — generative, like wind on water.
- [RetroGrid](llms/prompts/component-retro-grid.md): A perspective floor of grid lines running toward a glowing horizon, scrolling forward — synthwave, arcade, "the road ahead".
- [Meteors](llms/prompts/component-meteors.md): Shooting stars streaking across a faint field of stars, each on its own seeded schedule.
- [Ripple](llms/prompts/component-ripple.md): Concentric rings leaving a point and fading as they spread — or still rings that gently breathe.
- [SatinFolds](llms/prompts/component-satin-folds.md): Satin cloth folding slowly under light: broad diagonal folds with soft shading, finer creases catching a sheen, and a faint grain. The folds slide along themselves; nothing flickers. WebGL.
- [SoapFilm](llms/prompts/component-soap-film.md): Iridescent interference swirls, like light on a soap bubble or an oil slick: thin curving bands that crowd together and open into calm pools, stirring continuously. WebGL.
- [NeuralVeil](llms/prompts/component-neural-veil.md): A dark, smoky veil drawn by a small fixed neural network (a CPPN) evaluated per pixel: soft lobes with luminous edges, like smoke or silk in fog, drifting and folding. Optional scan lines and noise. WebGL.
- [StarDrift](llms/prompts/component-star-drift.md): A deep starfield: four layers of twinkling stars drifting toward the viewer, the brightest with diffraction flares, the whole sky turning slowly. WebGL.
- [WindThreads](llms/prompts/component-wind-threads.md): About forty fine threads leave one point at the left edge and fan out to the right, waving like strings in a slow wind; sharp near the bundle, softer and fainter as they spread. WebGL.
- [MoltenMirror](llms/prompts/component-molten-mirror.md): Liquid chrome: a mirror-like molten surface, mostly mid-to-dark metal with thin, bright creases that curve, branch and migrate as the surface undulates. Supersampled, so the creases stay smooth. WebGL.
- [PlasmaColumn](llms/prompts/component-plasma-column.md): A ray-marched column of glowing plasma: a twisted ribbon of light spiralling through the middle of the slide, brightest at its core, dissolving into haze, with colour bands travelling along it. The heaviest background; `quality` trades steps for speed. WebGL.
- [HaloOrb](llms/prompts/component-halo-orb.md): A glowing ring-shaped orb: a soft rim that breathes, two neighbouring hues of the accent blending round it, a halo falling off outside, and a bright hot-spot orbiting the rim. Sizes to the smaller side of its box and never clips. WebGL.
- [PaintSwirl](llms/prompts/component-paint-swirl.md): A loud, pixelated, painterly swirl: two theme colours and a dark "between" colour marbled into each other in turbulent bands with bright rims, spiralling gently round the centre, on a coarse grid of crisp square pixels. WebGL.
- [LightningBolt](llms/prompts/component-lightning-bolt.md): One jagged bolt of lightning down the slide, thin and white-hot at its core with a wide glow and two short branches; its path crawls and its brightness flickers (deterministically, from the time). WebGL.
- [RadarScope](llms/prompts/component-radar-scope.md): A circular radar scope: concentric rings drifting outward, radial spokes, a bright beam sweeping round with a fading trail, and a few echoes that light as the beam passes. Everything fades toward the rim; outside is clear. WebGL.
- [WarpGrid](llms/prompts/component-warp-grid.md): A glowing square grid, bright in the middle and fading into a vignette, warped by ripples leaving the centre about every two seconds; lines bend outward and back as each wave passes. WebGL.
- [ContourMap](llms/prompts/component-contour-map.md): A living topographic map: thin, even contour lines of a smooth terrain, coloured low → middle → high, with every fifth an index line; the terrain morphs slowly so contours flow, split and merge. WebGL.
- [GrainyGradient](llms/prompts/component-grainy-gradient.md): The modern grainy-gradient look: three colours (light, main, and the slide’s own ground) blended with warped, locally rotated boundaries under fine film grain, swaying very slowly. WebGL.
- [GlowRibbons](llms/prompts/component-glow-ribbons.md): Two soft ribbons of light crossing the slide, bright along their spines and fading above and below; they undulate and drift while a slow palette slides along them. WebGL.
- [AuroraHorizon](llms/prompts/component-aurora-horizon.md): A glowing band rising from the foot of the slide, brightest at the bottom, its top edge rolling in large soft waves like an aurora; a three-colour ramp runs across it. WebGL.
- [GlyphMatrix](llms/prompts/component-glyph-matrix.md): A faulty old terminal: a screen-filling grid of monospaced glyphs, mostly dim, some bright, a few flaring, changing at their own pace, with slow diagonal waves of brightness, rare glitch bands, and CRT curvature, scan lines and vignette.
- [PrismBurst](llms/prompts/component-prism-burst.md): Dozens of rays of spectral light bursting from a point, coloured by angle through three theme colours, with a bright core and bloom; the rays turn slowly and shimmer, and the burst can swell every few seconds. WebGL.
- [LightBlinds](llms/prompts/component-light-blinds.md): Light falling through vertical blinds: a theme gradient seen through slats, stepping slat by slat, with thin gaps and a soft highlight band sweeping across on a slant. WebGL.
- [LightTunnel](llms/prompts/component-light-tunnel.md): Flying down a tunnel of glowing rings (circles, squares or hexagons) that rush toward and past the viewer from a glowing far end; the tunnel turns slowly and its axis sways. WebGL.
- [LightTrails](llms/prompts/component-light-trails.md): A night highway seen from above the lane: a road in perspective with faint lane lines, tail-light streaks racing to the horizon on one side and headlights rushing toward you on the other, light posts sweeping past, and a glow on the horizon.
- [DitherWaves](llms/prompts/component-dither-waves.md): Rolling waves of noise rendered in ordered (Bayer) dither: crisp square cells in the ground and one or two theme colours, the pattern fixed to the screen so it shimmers only where the waves move. WebGL.
- [LightPillar](llms/prompts/component-light-pillar.md): A pillar of light rising through haze: a tall glowing column with a bright core and soft edges, faint wisps rising inside it, haze across the foot of the slide and a top that fades out. WebGL.
- [Metaballs](llms/prompts/component-metaballs.md): Glossy blobs of liquid drifting on their own paths, bridging and merging where they meet and splitting again, shaded like liquid metal or lava with a highlight and a darker rim. WebGL.
- [ScanBeam](llms/prompts/component-scan-beam.md): A bright scan line sweeping over the box with an ease-in-out, a soft glow and a fading trail; where it has passed, a faint grid or dot texture lingers and fades. Optional corner brackets frame the scanned area.
- [LampLight](llms/prompts/component-lamp-light.md): A dramatic title reveal: a bright line of light in the upper third opens from the centre and casts a wide soft cone downward onto whatever sits under it, then glows gently.
- [SparkleField](llms/prompts/component-sparkle-field.md): A band of tiny twinkling sparkles under a headline, dense in the middle and thinning to the edges, with the occasional four-point star popping, and a curved glow line along its top.
- [Vortex](llms/prompts/component-vortex.md): Hundreds of short streaks orbiting an eye and spiralling into it: slow and sparse at the rim, fast and bright near the centre, with a soft glow at the eye.
- [BeamRain](llms/prompts/component-beam-rain.md): Thin beams of light falling from the top, each with a bright head and a fading tail, bursting into a spray of sparks and a flash where they hit the floor, then falling again after a pause.

### kinetic

- [TextScramble](llms/prompts/component-text-scramble.md): Text that decrypts: each character flickers through random glyphs, then locks into place, left to right or in a random order.
- [SplitFlap](llms/prompts/component-split-flap.md): A departures board: every cell flips through the alphabet, flap by flap, until the rows read. Rows are padded to the widest.
- [RotatingWords](llms/prompts/component-rotating-words.md): A fixed phrase whose last word keeps changing: each word slides (or blurs, or flips) out as the next one arrives.
- [GradientSweepText](llms/prompts/component-gradient-sweep-text.md): A headline filled with a flowing gradient of theme colours — or solid, with a bright band of light passing over it now and then.
- [WeightWave](llms/prompts/component-weight-wave.md): A wave of weight travelling through a word: each letter swells from light to heavy and back on a variable font, taking the accent at the crest.
- [CircularText](llms/prompts/component-circular-text.md): A line of text set round a circle, turning slowly, with a short word or number in the middle — a badge or a seal.
- [ScribbleHighlight](llms/prompts/component-scribble-highlight.md): A sentence with one phrase marked by hand: a marker highlight, an underline, a circle, a box, a strike-through, a cross or brackets, drawn stroke by stroke.
- [Karaoke](llms/prompts/component-karaoke.md): Words lit one by one in time with the narration: spoken words in the text colour, the current word filling with the accent, the rest waiting in grey. Paragraph or subtitle-line layout.
- [CounterRoll](llms/prompts/component-counter-roll.md): An odometer: the number rolls up digit by digit to its value, the low digits spinning and the high ones turning over as they carry.
- [HeadlineShuffle](llms/prompts/component-headline-shuffle.md): Headlines that take turns: the letters of one tumble out while the next headline’s letters drop in, each on its own seeded beat.
- [BlurReveal](llms/prompts/component-blur-reveal.md): A sentence that comes into focus word by word (or letter by letter): each rises a little and sharpens from a soft blur. One phrase can carry the accent.
- [TypewriterCode](llms/prompts/component-typewriter-code.md): Code typed into an editor window at a human rhythm, syntax highlighted in theme colours, with a blinking caret; indentation arrives with the line.
- [MorphingText](llms/prompts/component-morphing-text.md): One word melting into the next: the two cross-blur under an alpha threshold, so the letters seem to flow like liquid between words.
- [MaskReveal](llms/prompts/component-mask-reveal.md): Lines of a title rise one after another from behind an invisible edge, with a slight tilt that settles, and an accent rule wipes in underneath.
- [BeatWords](llms/prompts/component-beat-words.md): Kinetic typography one word at a time: each word fills the box on its beat and snaps into focus, the next cutting in on the next beat.
- [PressureType](llms/prompts/component-pressure-type.md): A line of type that feels touched: an invisible pointer passes along it and the letters near it swell heavy and take the accent while the far ones thin out. The line stays fitted to its box.
- [FocusFrame](llms/prompts/component-focus-frame.md): Walks the audience through a sentence word by word: camera-style corner brackets glide from word to word, the word inside is sharp and the rest blur and dim.
- [FuzzyType](llms/prompts/component-fuzzy-type.md): Noise and signal: a headline whose thin scan lines jitter sideways like a bad video signal, loud on entry, settling to a faint shimmer, with occasional bursts and a chromatic fringe.
- [GlitchType](llms/prompts/component-glitch-type.md): A headline that glitches at intervals: for a moment two tinted copies split left and right and thin slices of the text jump sideways, then it snaps back clean.
- [CurvedMarquee](llms/prompts/component-curved-marquee.md): A ribbon of words flowing along a curve across the slide — a shallow arc, a wave or an S — repeating a phrase end to end without a gap, separators in the accent.
- [VelocityRows](llms/prompts/component-velocity-rows.md): Two or three rows of oversized type streaming in opposite directions; every few seconds the rows surge forward, leaning into the motion, then relax. Alternate rows can be outlined.
- [OutlineDraw](llms/prompts/component-outline-draw.md): A signature reveal: the outlines of the letters trace themselves on as if by a pen, letter by letter, then each fills with colour from the bottom up, leaving a crisp filled title.
- [ParticleAssemble](llms/prompts/component-particle-assemble.md): A dramatic reveal: a cloud of small dots swarms in — from scattered, from an edge or from the centre — and settles onto a dense sampling of the word, which it keeps with a faint shimmer.
- [EchoTrail](llms/prompts/component-echo-trail.md): A word that arrives with fading echoes of itself: it slides (or zooms) in and its accent-tinted echoes lag behind, catching up and merging into it as it settles.
- [DepthExtrude](llms/prompts/component-depth-extrude.md): Poster-style 3D type: the headline with a solid extrusion behind it, shaded darker toward the back, whose direction swings gently so the text seems to turn a few degrees in space.
- [FoldReveal](llms/prompts/component-fold-reveal.md): An editorial title reveal: each line is a strip of paper that starts folded away and swings down into place, one after another, shaded while it turns and settling with a slight overshoot.
- [AsciiRender](llms/prompts/component-ascii-render.md): A word redrawn as ASCII art in the theme’s mono face: characters whose density follows the letter shapes, rows rippling sideways in a slow wave and a highlight sweeping across in the accent.
- [SlotLetters](llms/prompts/component-slot-letters.md): A playful reveal: every letter is a slot-machine reel that spins and stops on the right letter, left to right, landing with a small bounce and an accent flash.
- [WarpType](llms/prompts/component-warp-type.md): A liquid headline: the text ripples as if seen through moving water — letters bend and wobble, with a faint accent fringe where the water bends most — strong on entry, settling to a gentle idle ripple.

### diagram

- [Sankey](llms/prompts/component-sankey.md): Flows between columns of nodes as bands whose width is the value, with particles streaming along every band; nodes grow column by column, the bands sweep in, then the flow runs continuously.
- [FlowDiagram](llms/prompts/component-flow-diagram.md): Cards joined left to right by curves, laid out automatically from the nodes and edges; the cards arrive in order, the curves draw, then dashes travel along them and a glowing pulse runs from each step to the next.
- [OrgTree](llms/prompts/component-org-tree.md): A top-down organisation chart that builds level by level: each person arrives as the connector from their manager lands; initials or photos in circles, name and role beneath, one person highlighted.
- [PathDraw](llms/prompts/component-path-draw.md): Draws any SVG line art onto the slide stroke by stroke, then fades in its fills: pass path data with a viewBox, or a whole SVG’s markup.
- [BeamHub](llms/prompts/component-beam-hub.md): Sources on the left and destinations on the right, joined through one hub by curved beams; a pulse of light travels each beam into the hub, then out to every destination.
- [OrbitDiagram](llms/prompts/component-orbit-diagram.md): A centre with one to three rings of labelled items orbiting it, the rings turning in opposite directions; the rings draw in and their items fan out one ring at a time.

### map

- [WorldMap](llms/prompts/component-world-map.md): A flat world map fitted to a region, as a dot matrix or filled countries: highlighted countries in the accent, flight arcs that draw out from their origin with a bright head and keep carrying packets, landing pulses and city labels with figures. Natural Earth 110m data, bundled and loaded lazily.
- [Globe](llms/prompts/component-globe.md): A dotted globe that turns with the slide clock: land as a field of dots, highlighted countries in the accent, great-circle routes that lift off the surface and draw out with a glowing head, pulsing cities and labels that fade at the horizon. Drawn on a 2D canvas; Natural Earth 110m data, loaded lazily.

### 3d

- [ModelViewer3D](llms/prompts/component-model-viewer3-d.md): A glTF or GLB model from the deck’s assets, lit like a product shot and orbited by the camera as the slide plays, on a transparent ground with a soft contact shadow. Without a file it shows an original demo: a Northwind home battery with a lit charge meter beside a solar panel.

### interactive

- [Hotspots](llms/prompts/component-hotspots.md): Numbered pins over a picture; the presenter clicks a pin and its callout opens beside it. The video opens each pin in turn.
- [BeforeAfter](llms/prompts/component-before-after.md): Two pictures on top of each other with a divider the presenter drags across. The video sweeps it to each side and back.
- [WhatIfSlider](llms/prompts/component-what-if-slider.md): A labelled slider the presenter drags; one or more outputs follow a declared formula (base + perUnit × input) or a lookup table, drawn as numbers with a line or bars. The video sweeps the input across its range.
- [SpinWheel](llms/prompts/component-spin-wheel.md): A prize wheel the presenter spins; it lands on a seeded segment with a ticking pointer and a result beside it. The video spins it once and lands on `land`.
- [ZoomLens](llms/prompts/component-zoom-lens.md): A round magnifier that follows the presenter’s pointer over a picture; click pins it, the wheel changes the zoom. The video moves it along `tour`.
- [Spotlight](llms/prompts/component-spotlight.md): Dims everything in its box except a soft circle that follows the presenter’s pointer; click switches it off, the wheel resizes it. The video moves it along `tour`. Place it over the whole slide, last in the stack.
- [FlipCards](llms/prompts/component-flip-cards.md): A grid of cards the presenter turns over one at a time: a question on the front, the answer large on the back. The video turns them in order.
- [QuizReveal](llms/prompts/component-quiz-reveal.md): A question with lettered options; the presenter counts the room’s hands per option (tap to add, right-click to take away) and then reveals the answer and why. The video counts up `demo` and reveals.
- [InkLayer](llms/prompts/component-ink-layer.md): A transparent layer the presenter draws on with a pen or a highlighter (toolbar in the corner: pen, highlighter, colours, undo, clear). Each stroke is recorded with its timing, so a video redraws it stroke by stroke. With nothing recorded, the video draws `marks`.
- [CodeRunner](llms/prompts/component-code-runner.md): A JavaScript snippet the presenter can edit and run; console output appears beside it. It runs in a sandboxed frame (sandbox="allow-scripts", an opaque origin that cannot reach the studio) inside a Worker stopped after `timeoutMs`. Each run is recorded with its timing; with none, the video presses Run and prints `output`.
- [Stopwatch](llms/prompts/component-stopwatch.md): A countdown timer (or a stopwatch) in large mono digits inside a progress ring, with Start/Pause, Reset and +1 min. It reads the slide clock, so it ticks the same live and in a video, where it starts by itself.
- [ModelSpin](llms/prompts/component-model-spin.md): A 3D model the presenter turns by dragging (and flings); untouched it turns slowly by itself. Built-in: Northwind’s Home Battery 2 on its wall bracket; or a glTF/GLB from the deck’s assets. three.js loads on first use.
- [Tally](llms/prompts/component-tally.md): Columns of counts the presenter taps in live — a show of hands, counted on the slide (right-click or Shift-click takes one away). The leader turns accent. The video counts up `demo`. Audience voting from phones needs a server and is not this.
- [RevealList](llms/prompts/component-reveal-list.md): A numbered list whose lines are redacted until the presenter clicks them, in any order — the room sees how many are coming. The video reveals them in order.
- [Tabs](llms/prompts/component-tabs.md): A row of tabs with one panel showing: a big number with its label and change, a title and a sentence. The presenter clicks through in any order; the video steps through them.
- [Checklist](llms/prompts/component-checklist.md): A list the presenter ticks off live: each tick draws, the line strikes through, and the progress bar fills. The video ticks them in order.
- [Confetti](llms/prompts/component-confetti.md): A burst of confetti the presenter fires with the corner button — from two side cannons or the middle — in the theme’s colours. Seeded and simulated from the slide time, so a video fires the same burst at `at`. Place it over the slide, last in the stack.
- [Stepper](llms/prompts/component-stepper.md): A process told one stage at a time: numbered markers joined by bars across the top, the current stage’s kicker, title and sentence below, and Back / Continue buttons for the presenter. Finishes on a done state. The video steps through on its own.
- [CardDeck](llms/prompts/component-card-deck.md): Four to six parallel points as a skewed 3D stack of cards; each click deals the front card — it drops out, the rest step forward, and it returns to the back — springy or smooth. The video (or `autoplay`) deals on its own.
- [TiltPanel](llms/prompts/component-tilt-panel.md): A hero picture the presenter can "handle": it leans towards the pointer, grows a little, a soft glare sits under the pointer, the title floats forward and a caption chip trails the pointer. Off the picture it eases back flat. The video follows a tour.
- [SparkBurst](llms/prompts/component-spark-burst.md): A transparent layer over the slide: while armed, each click throws a small ring of sparks from the pointer, flying out and shrinking to nothing. A corner toggle arms and disarms it (disarmed, clicks advance the slide as usual). The video fires its scripted bursts.
- [FolderReveal](llms/prompts/component-folder-reveal.md): A document folder the presenter opens: its front shears open, up to three papers rise and fan out, and a click on one brings it forward to read. The video opens it and shows each paper in turn.

### brand

- [LogoReveal](llms/prompts/component-logo-reveal.md): A logo that assembles itself part by part from the slide clock: strokes draw on, shapes scale or morph in, the wordmark’s letters cascade, a glint rides a line, and the last frame is exactly the static logo. Takes any SVG whose parts have ids (sanitised first).
- [LogoIntro](llms/prompts/component-logo-intro.md): A full-slide brand opener: an ambient ground (a drifting gradient, or a background component by name), the logo revealed part by part, then a tagline word by word. The last frame is the finished lock-up.

### ui

- [DashboardScreen](llms/prompts/component-dashboard-screen.md): A product dashboard in a browser window: sidebar nav, a greeting header with buttons, three metric cards with trend badges and sparklines, a stacked bar chart with range tabs, and a table of recent items. It builds in (numbers tick up, bars grow); the presenter can click the range tabs or the nav; a video clicks through the ranges with a pointer.
- [SettingsScreen](llms/prompts/component-settings-screen.md): An app settings page: sidebar, underline tabs, a "Personal info" form (name, email, photo upload, role) and notification toggles, with Cancel and Save. The presenter flips toggles and clicks Save (a "saved" toast slides in); a video does the same with a pointer.
- [SignInScreen](llms/prompts/component-sign-in-screen.md): A log-in page: logo, heading, email and password fields, "remember me", a Sign in button and "Sign in with Google", beside a panel with a customer quote. Clicking a field types into it; Sign in spins, then turns green. A video types and signs in by itself.
- [MobileAppScreen](llms/prompts/component-mobile-app-screen.md): A phone showing a consumer app: greeting, a headline metric with its trend, a Day/Week/Month segmented chart, a battery-style progress card and a recent-activity list, with a tab bar. It builds in; the presenter taps the segments; a video taps through them.
- [PricingTable](llms/prompts/component-pricing-table.md): Plan cards side by side (the featured one outlined in the accent with a "Most popular" badge): name, a big price, what it is for, a checklist of features and a button, under a Monthly/Annual switch. The presenter flips the billing; prices count to the new figures.
- [EmptyState](llms/prompts/component-empty-state.md): Untitled UI’s empty state: a featured icon over fading concentric rings (or one of its illustrations), a title, a sentence and two buttons.
- [FileUploadScreen](llms/prompts/component-file-upload-screen.md): A file-upload dialog: a drop zone, then files arriving one by one, each with a file-type icon, size, a progress bar filling to 100% and a "Complete" badge.
- [MetricCards](llms/prompts/component-metric-cards.md): A row of dashboard metric cards: label, a big number that counts up, a trend badge (green up, red down) with a note, and a sparkline.
- [DataTable](llms/prompts/component-data-table.md): Untitled UI’s table card: a title with a count badge, a tinted header row, and rows with a titled first cell, status badges, avatars and progress bars. Rows rise in one after another.
- [ChartCard](llms/prompts/component-chart-card.md): A dashboard chart card: title, the headline value with its trend, a legend, and a stacked bar, area or line chart in Untitled UI’s style (light grid, small axis labels, rounded bar tops, a fading gradient under the line). It draws itself in.
- [ActivityGauge](llms/prompts/component-activity-gauge.md): Untitled UI’s activity gauge: concentric rings, each filled clockwise to its value, darkest outside, with the total in the middle and a legend below.
- [TestimonialCards](llms/prompts/component-testimonial-cards.md): Customer quotes as cards side by side: rating stars, the quote, and an avatar with name and role.
- [FeatureGrid](llms/prompts/component-feature-grid.md): A features section: a heading, then a grid of Untitled UI featured icons, each with a title and a sentence.
- [ToastStack](llms/prompts/component-toast-stack.md): App notifications arriving one after another: an outlined status icon, a title, a sentence and optional Dismiss / action links.
- [ActivityFeed](llms/prompts/component-activity-feed.md): A timeline of team activity in a card: avatars joined by a line, who did what, a highlighted target or badge, an optional quoted comment, and when.
- [BadgeSet](llms/prompts/component-badge-set.md): Rows of Untitled UI badges with a label per row: status pills with dots, coloured tags, trend badges with arrows.
- [AvatarGroup](llms/prompts/component-avatar-group.md): A team in Untitled UI’s avatar style: a list of avatars with name, role and online dot (with a stacked summary and caption above), or one big overlapping stack with "+N".
- [ButtonRow](llms/prompts/component-button-row.md): Untitled UI buttons in a row — primary, secondary, tertiary and link, with icons — and a segmented button group beneath.
- [ProgressBars](llms/prompts/component-progress-bars.md): Labelled progress bars in Untitled UI’s style, filling from the slide clock, with the percentage at the right, below, or in a floating tooltip.
- [ProgressCircles](llms/prompts/component-progress-circles.md): Untitled UI progress circles (full or half), each filling to its value with the number in the middle and a label.
- [ProgressSteps](llms/prompts/component-progress-steps.md): A horizontal step indicator: completed steps checked, the current one ringed in the accent, upcoming ones grey, joined by a line that fills as the steps advance. The presenter clicks a step (or presses ←/→); a video advances by itself.
- [Pagination](llms/prompts/component-pagination.md): Untitled UI pagination: Previous and Next buttons with page numbers and ellipses between (or "Page 1 of 10", or dots). The presenter clicks pages; a video steps through.
- [DatePicker](llms/prompts/component-date-picker.md): Untitled UI’s range date picker: presets on the left, the month grid with the selected range shaded between two accent days, today and marked days, start and end fields, Cancel and Apply. The presenter clicks two days to pick a range; a video does it with a pointer.
- [CreditCard](llms/prompts/component-credit-card.md): Untitled UI’s credit card: company name, contactless mark, holder, expiry and number, and the network mark, in its dark, light, glass or striped looks (the brand look takes the theme accent). It tilts up into place with a sheen.
- [IntegrationGrid](llms/prompts/component-integration-grid.md): A grid of integration, payment and social logos by name ("Integrates with…", "Pay with…"), on cards or plain, optionally greyscale with labels. It draws only the marks the Untitled UI repository ships; brand marks are trademarks of their owners.

## Optional

- [llms-full.txt](llms-full.txt): all of the above in one file, with every op's, tool's and component's schema
- [Prompt templates](llms/prompts/): 239 of them, for components, effects, transitions and compositions