UI Morph Loop maker

One rounded shape morphs from a button into a loader, a music player, a slider, a toggle, a chart and a search box, driven by a cursor, and loops back to the start. Type your own words, adjust it live, then download the MP4 or a GIF. Free, made in your browser, nothing uploaded.

Your words (button text)

Kinetic Title RevealRolling Number CounterCountdown RingGlitch TextLower ThirdNews TickerQuote CardSplit-Flap DisplaySubscribe ButtonTypewriter TerminalWave TextBar Chart RaceNeon SignLiquid GlassASCII PortraitCCTV Night Cam (Security Camera Footage)Exploded ViewDigital RainHologramRainy WindowSnow GlobeSpinning Vinyl RecordUI Morph LoopPage TurnVHS Camcorder Look (1987 Home Video)

Starting live preview…

00:00:00:00 / 00:00:00:01

Live, running the real source.

UI Morph Loop

Export as video GIF Save this frame Vertical 9:16Code and more

Share

Presets

Paper and orangePure mono launchNight music appCobalt and pink Shuffle Reset

Notification textPrivate: kept out of shared links unless you choose to include it.

StatesFull tour: button, loader, check, player, slider, toggle, chart, searchLaunch: button, loader, check, toast, chart, searchMusic app: live activity, player, volume, toggle, toast

Which UI states the shape morphs through, in order.

Background#e8e5df

Dark UI colour#111111

Buttons, player and slider.

Light UI colour#ffffff

Cards, knob and text on dark parts.

Accent colour#ff5b1f

The one highlight: check, toggle on, chart line, album art.

Spring overshoot

0.35

0 settles with no bounce; 1 overshoots a little on every change.

Camera follows the shape

Zoom so each state fills the frame.

Show cursor

Show state labels

Small state name, counter and beat dots in the corners.

Motion blur

Blends five sub-frames per frame. Turn off for faster previews.

Your words stay on this device: the video is made in your browser.

1. 1Pick a look

   Titles, a lower third, a quote card, a neon sign, a news ticker, a typewriter and more.

2. 2Type your words

   Change the colours and timing too, or press Shuffle. Your words stay on your device.

3. 3Export as video

   Export makes an MP4 in your browser. Post it, or hand the exact code to Claude or Codex.

25 looks that take your own words, each with its code

00:04Add

Kinetic Title Reveal

Text layer2D4 seconds

00:05Add

Rolling Number Counter

Text layer2D5 seconds

00:08Add

Countdown Ring

Text layer2D8 seconds

00:06Add

Glitch Text

Text layer2DSeamless loop6 seconds

00:06Add

Lower Third

Text layer2D6 seconds

00:10Add

News Ticker

Text layer2DSeamless loop10 seconds

00:07Add

Quote Card

Text layer2D7 seconds

00:09Add

Split-Flap Display

Text layer3D9 seconds

00:05Add

Subscribe Button

Text layer2D5 seconds

00:09Add

Typewriter Terminal

Text layer2D9 seconds

00:06Add

Wave Text

Text layer2DSeamless loop6 seconds

00:12Add

Bar Chart Race

Text layer2D12 seconds

00:06Add

Neon Sign

Text layer3D6 seconds

00:08Add

Liquid Glass

Material3DSeamless loop8 seconds

00:08Add

ASCII Portrait

NewEffect2D8 seconds

00:10Add

CCTV Night Cam (Security Camera Footage)

NewEffect3D10 seconds

00:08Add

Exploded View

NewMotion3DSeamless loop8 seconds

00:12Add

Digital Rain

Background3DSeamless loop12 seconds

00:12Add

Hologram

3D object3DSeamless loop12 seconds

00:10Add

Rainy Window

Background3DSeamless loop10 seconds

00:12Add

Snow Globe

3D object3DSeamless loop12 seconds

00:09Add

Spinning Vinyl Record

3D object3DSeamless loop9 seconds

00:12Add

UI Morph Loop

Motion2DSeamless loop12 seconds

00:04Add

Page Turn

Effect3D4 seconds

00:08Add

VHS Camcorder Look (1987 Home Video)

Effect2D8 seconds

Want something that is not here? Browse every visual, or ask your AI to build it from these pieces.