Comotion
Support

Keep Comotion free

No adverts, no paywall. Every video is picked, credited and written up by hand. If it has helped your work, chip in.

Support the project

Styles

  • Paper Collage
  • Cinematic
  • Product Ad
  • Product Demo
  • Claymation
  • Kinetic Type
  • Ink & Watercolour
  • Retro Pixel
  • Motion Design
  • Stop Motion
  • Mixed Media
  • 3D Scene
  • 3D Cartoon
  • Anime
  • Music Video

Comotion

  • Gallery
  • Search
  • Support us
  • Terms
  • Privacy
Comotion

Video design styles, how each was made, and the prompt to copy.

comotion

One Shape, Every Interface

Motion Design#loop#minimal#morph#ui

Made by zero (@twoclipping on X)View original post

A single pill morphs through a player, a slider, a chart and a toast, changing size, radius and colour as it goes.

How it was made

Tools

Claude Opus 5.5

Prompt

Process

Made entirely in code. Claude Opus 5.5 wrote the animation as a single HTML file and rendered it frame by frame, with no After Effects and no video model.

The prompt is a reusable template: it asks for 8 to 12 interface states, then morphs one shape through all of them.

Comments

More Motion Design

View all
0:15

Ask to Task

Motion Design#ad#engraving#typography

0:15

FounderStack

Motion Design#bundle#launch#product film

0:20

Put Me on the Map

Motion Design#globe#morph#square

0:30

dystnct

Motion Design#launch#mixed footage#showreel

0:12

Launch Film From One Sentence

Motion Design#minimal#product launch#square

0:23

Money Still Moves Like It's 1973

Motion Design#black and white#payments#typography

0:15

SuperX Launch Film

Motion Design#dark#launch#product film

0:12

Squash & Stretch

Motion Design#animation principles#bouncing ball#code