Motion & effects

Light, goo, halftone and sound. 5 live React parts, each in nine looks.

• Glow: Ambient light around one element that says something is happening: an aurora under a working composer, or a ring of light round a live card.
• Halftone Dots: A picture rebuilt as a field of dots whose size follows brightness; a new picture morphs the dots, a click ripples through, the pointer pushes dots aside.
• Light band: A slow band of split light in the dark behind a section, blue at one end and amber at the other with a bright core: Prism's light at a chosen place, a hero, the plan you sell or the closing call to action. It answers the page's scroll: it moves at its own depth as its section passes, and a pulse of light runs along it while the page moves. Painted once; at rest it barely moves, and only while on screen.
• Liquid gooey: Liquid surfaces that merge like goo when they touch — split plus-menus, gooey switches, file chips.
• Sound: Interface sounds named by interaction class (tap, select, toggle, open/close, tick, success, error) through one provider; off by default.

190 React components and screens your coding agent (Claude Code, Codex, Cursor or any MCP client) installs into your app through Beamline's MCP server, as a ready-built package or as plain React source you can change. $49 one payment (regular $200), no subscription, a year of updates, one licence for your whole team. Get Beamline · Connect your agent

Other categories: Actions · Form controls · Overlays · Navigation · Layout · Feedback · Content & display · Data & tables · Charts & data-vis · Trading · Dashboard · AI & agents · Voice & audio · Blocks