Beamish

Effects and components for AI agents.

Three.js scenes, WebGL shaders, text animations and interface components. There is nothing to install. Pick one, press Copy prompt, and paste it into Claude Code or Cursor. Your agent fetches the source and writes it into your project.

  1. 01 Pick an effect and watch the video.
  2. 02 Press Copy prompt.
  3. 03 Paste it into your agent. It handles the rest.

15 items · MIT · works with Claude Code, Cursor, Copilot, Windsurf

Backdrops

Contour Backdrops

A topographic relief on paper, printed with its own contour lines
Guilloche Backdrops

The engine-turned line work off a banknote, printed on paper
Overprint Backdrops

Two ink plates drift out of registration behind a halftone screen
Sundial Backdrops

Matte forms on paper, and one sun making a full circuit of them
Vellum Backdrops

A drifting stack of translucent paper that goes darker where the sheets cross

Reveals

Riser Reveals

Children arrive on a stagger, held until the container is on screen

Pointer

Foil Pointer

A hot-foil stamp on paper, raked by the light your cursor carries
Magnet Pointer

An element that leans towards the cursor before the cursor arrives
Swell Pointer

A field of matte forms on paper, rippling around the cursor

Type

Sort Type

Type set one character at a time, in the order you choose
Tally Type

A number counting up to the one already written in the element

Surfaces

Plate Surfaces

A contact sheet that opens into a lightbox you can arrow, swipe or play through
Tilt Surfaces

A panel that leans towards the cursor, with a sheen raking across it

Navigation

Contents Navigation

A full-viewport index that opens as a real dialog and cascades in
Ember Navigation

The action pill: mono, uppercase, with a slow band of light crossing it