# Launchable Motion > Free motion components for HyperFrames videos (HTML + GSAP). Each fills the box it's given and takes its words, colours and images from variables. Install: set "registry": "https://motion.launchable.video/r" in the project's hyperframes.json, then run `npx hyperframes add `. Docs: https://motion.launchable.video/docs. Every README with every variable: https://motion.launchable.video/llms-full.txt. ## Text - [Lockup](https://motion.launchable.video/components/lockup.md) (`lockup`, 1.6 s): use it for the last frames: icon plus wordmark cut in slightly small and grey, settle to size while the wordmark darkens and the icon straightens, then true stillness.. - [Text scatter](https://motion.launchable.video/components/text-scatter.md) (`text-scatter`, 2.5 s): use it when a line should feel thrown into place: words arrive from scattered offsets, each at its own size, height and blur, and converge onto one baseline with a small overshoot. - [Text swap](https://motion.launchable.video/components/text-swap.md) (`text-swap`, 5 s): use it for a status line or any label that changes: each new label rises in from below with a vertical smear while the old one leaves upward, two frames of overlap. - [Text trail](https://motion.launchable.video/components/text-trail.md) (`text-trail`, 3 s): use it when a line should land with colour: glyphs appear behind a soft left to right edge (or the line rises), each one hot, cooling through a middle colour to ink. - [Text type](https://motion.launchable.video/components/text-type.md) (`text-type`, 3 s): use it when text should be typed: characters land whole with seeded jitter around the rate, no caret. - [Text wave](https://motion.launchable.video/components/text-wave.md) (`text-wave`, 2.4 s): use it when a sentence should be read word by word: words land in light grey one after another, then a colour wave runs left to right turning each word accent, then ink. - [Text wobble](https://motion.launchable.video/components/text-wobble.md) (`text-wobble`, 3 s): use it for a working state: the glyphs of a short label bob on their own phases. ## Visual - [Aurora](https://motion.launchable.video/components/aurora.md) (`aurora`, 5 s): use it behind UI: two to four heavily blurred colour blobs that fade in and drift slowly. - [Blur reveal](https://motion.launchable.video/components/blur-reveal.md) (`blur-reveal`, 4 s): use it for anything that is being worked on: the slot content (an image or any HTML) sits heavily out of focus at reduced opacity, sharpens a little while waiting, then snaps to focus at the reveal time under a slow push. - [Mosaic reveal](https://motion.launchable.video/components/mosaic-reveal.md) (`mosaic-reveal`, 3.2 s): use it for a generated image arriving: the image starts as a thin horizontal line, the top edge snaps up and the bottom frontier travels down as a band of coarse pixels with a jagged edge. - [Orb](https://motion.launchable.video/components/orb.md) (`orb`, 3 s): use it as the small living thing next to a label or in a field: a gradient sphere that fills the host, optionally defocused, whose colour moves through up to three stops on a schedule and which can pulse.. - [Specular sweep](https://motion.launchable.video/components/specular-sweep.md) (`specular-sweep`, 1 s): use it on a surface that just changed: a soft light band sweeps across the host once. - [Sprite pop](https://motion.launchable.video/components/sprite-pop.md) (`sprite-pop`, 2.2 s): use it for organic accents or a full cover: N copies of a sprite pop around a focal point one after another with an overshoot, keep growing, then shrink and fade together. - [Token swarm](https://motion.launchable.video/components/token-swarm.md) (`token-swarm`, 5 s): use it to say "we found these": N tokens carrying any image pop out at an origin, burst to seeded targets around it while spinning on their vertical axis, then float and drift outward. - [Wipe diagonal](https://motion.launchable.video/components/wipe-diagonal.md) (`wipe-diagonal`, 1.2 s): use it as a seam: a colour sweeps across the host along a diagonal edge with a soft glow riding the edge. ## UI - [Camera rig](https://motion.launchable.video/components/camera-rig.md) (`camera-rig`, 4 s): use it to move a camera over anything: the content slot is wrapped and driven by a keyframe path of time, scale, x, y and ease. - [Collage burst](https://motion.launchable.video/components/collage-burst.md) (`collage-burst`, 3 s): use it around a headline or a product: up to twelve images fly in from beyond the host edges to seeded slots on a ring that keeps the centre clear, overshoot and float. - [Dropdown select](https://motion.launchable.video/components/dropdown-select.md) (`dropdown-select`, 3 s): use it for a choice being made in UI: a rounded trigger that fills the host, whose background slides down onto the chosen item when the list opens and saturates to the highlight colour with a check mark, while the trigger label greys and the other items sit out of focus below. - [Grow to bounds](https://motion.launchable.video/components/grow-to-bounds.md) (`grow-to-bounds`, 3 s): use it for a card, modal or panel taking over: a rounded panel grows from a small rect to the whole host while its content keeps its size at the centre. - [Highlight box](https://motion.launchable.video/components/highlight-box.md) (`highlight-box`, 2 s): use it to point at something on a screenshot: selection draws a text highlight left to right over a rect; scan grows a translucent fill from the centre of a rect and fades a frame in around it, then reverts. - [Pill shell](https://motion.launchable.video/components/pill-shell.md) (`pill-shell`, 3 s): use it as the frame of any input or status: a white pill that fills the host with an optional orb at the left, an arrow button at the right and a content slot between them. - [Rows build](https://motion.launchable.video/components/rows-build.md) (`rows-build`, 3 s): use it for any list, sheet or spec assembling itself: the children of the rows slot (or plain text items) fade and rise in one after another, top to bottom, with a touch of blur. - [Window frame](https://motion.launchable.video/components/window-frame.md) (`window-frame`, 6 s): use it to show a website or app: browser chrome with an address pill around a screen slot (or a tall screenshot), filling the host.