Try it freeOpen app

Type that moves — motion graphics and animated text in your browser

Make kinetic typography in minutes, not hours

Try it freeOpen app

Swash ships motion, not machinery. Font morph, axes wave, color flicker, repeater, marquee — every preset is already tuned. Pick one, set a couple of parameters, and the animation is done.

Made of type,
not pixels

Your layout is already done. Don’t rebuild it

Bring the Figma frame over: text arrives live, same fonts, same kerning, ready to move.

Get the Figma plugin

Type stays type. Not layers, not pixels

Vector glyphs all the way down: real outline morphing, kerning intact, every letter and word on its own span.

Type in three dimensions. Wrap it, bend it, ride a path

Wrap a word on a sphere or send it down a path — it stays live text you can edit, restyle and retime.

Every move
makes a sound

Letters arrive, leave, type themselves out — and every move can make its own sound, right on its frame. Each animation comes with sounds that fit; change the voice, where it lands and how it rises letter by letter.

Build the whole
frame

Galleries, widgets and moving backgrounds live on the same timeline as your type — and leave in the same file.

A folder of photos playing as a moving gallery

Galleries. Turn a folder of your work into a sequence that moves. 21 layouts and enough controls on each that no two portfolios end up looking alike.

A terminal typing commands while word pills fall around itTerminal + Pills

Widgets. A countdown for a launch, a terminal for a dev post, a chat for a story? Drop it next to your words and it animates on the same timeline.

Animated backgrounds made in Swash: Northern Lights, City Grid, Paint Flow, Lava lamp and moreNorthern Lights

Backgrounds. Set the mood before the first word lands — a calm aurora, loud pixels or slow paint, each tuned to your colours and pace.

Tip Run it through a shader — Dither, Halftone or Gradient map make it your own.

Learn it by taking one
apart

Every template opens in the editor with its animators intact. Change the words, swap the preset, keep what works. Browse all templates

Template “Lookbook” from the Swash communityOpen in editor
Template “Twist” from the Swash communityOpen in editor
Template “Reel” from the Swash communityOpen in editor
Template “Mobius” from the Swash communityOpen in editor
Template “Update showreel” from the Swash communityOpen in editor
Template “Animated icons” from the Swash communityOpen in editor
Template “Pixel sort glitch” from the Swash communityOpen in editor
Template “Concert tour” from the Swash communityOpen in editor
Template “Gallery wheel — New Drop” from the Swash communityOpen in editor
Template “Terminal and falling pills” from the Swash communityOpen in editor
Template “Kinetic blocks on photo” from the Swash communityOpen in editor
Template “Flower poster” from the Swash communityOpen in editor
Template “ASCII field” from the Swash communityOpen in editor
Template “Halftone copies” from the Swash communityOpen in editor
Template “Circles grid background” from the Swash communityOpen in editor
Template “Swash” from the Swash communityOpen in editor
Template “Typography Helix” from the Swash communityOpen in editor
Template “Lines move” from the Swash communityOpen in editor
Template “Best Race” from the Swash communityOpen in editor
Template “Text Tunnel” from the Swash communityOpen in editor
Template “Single glyph” from the Swash communityOpen in editor
Template “Halftone cylinder” from the Swash communityOpen in editor
Template “Testimonial” from the Swash communityOpen in editor
Template “Flower text” from the Swash communityOpen in editor
Template “ENTER / EXIT” from the Swash communityOpen in editor
Template “Drinks Menu” from the Swash communityOpen in editor
Template “Marquee font morph” from the Swash communityOpen in editor
Template “The heart beats” from the Swash communityOpen in editor
Template “Wave Ticker Repeat” from the Swash communityOpen in editor
Template “Wave” from the Swash communityOpen in editor
Template “Festival Lineup” from the Swash communityOpen in editor
Template “Gradient Map” from the Swash communityOpen in editor
Template “Text circle” from the Swash communityOpen in editor
Template “Glyph trails” from the Swash communityOpen in editor
Template “Perspective text” from the Swash communityOpen in editor
Template “Photo Outlines” from the Swash communityOpen in editor
Template “Colourful Copies” from the Swash communityOpen in editor
Template “Marquee in” from the Swash communityOpen in editor
Template “Gradient Background” from the Swash communityOpen in editor
Template “Simple blur text change” from the Swash communityOpen in editor
Template “Flower wave” from the Swash communityOpen in editor
Template “Can you not” from the Swash communityOpen in editor
Template “Weight wave” from the Swash communityOpen in editor
Template “Keep moving” from the Swash communityOpen in editor

Free to start

No card, no trial clock. Pro adds the premium shelf and 4K export when a project asks for it.

Free

$0

Everything you need to make real work, not a demo.

  • The full editor
  • Core presets and fonts
  • Video export
Try it freeOpen app

Pro

$12 / month

For the weeks when type is the whole job.

  • Everything in Free
  • The premium template and font shelf
  • Export up to 4k 60fps
Go Pro

Before you ask

What is Swash?

Swash is a motion design editor that runs in your browser. Type your text, pick a preset and you have a finished animation in minutes, then add shaders, animated backgrounds, galleries of your work, widgets and sound. Everything stays editable, and you export a video. There is nothing to install, and new features ship most weeks: see what’s new.

How fast can I make something?

Most posts take a few minutes. Every preset is a complete animation, the templates open ready to remix, and changing the words, the font or the colours keeps the motion intact.

What can I make besides animated text?

Galleries that turn a folder of images or videos into a moving sequence in 21 layouts, 24 animated backgrounds, ready-made widgets such as a counter, terminal, chat, globe, map, cursor and ransom note, and 41 shader effects from grain and halftone to glitch, pixel sort and CRT. Animations can make sound too, from a library of over 270 sounds.

Is Swash free?

Yes, you can start for free. The free plan includes the full editor, up to 3 projects and export up to 720p at 30 fps with a Swash watermark, plus a few watermark-free exports each month. Pro costs $12 a month and adds unlimited projects, export up to 4K at 60 fps without a watermark and the premium presets, templates and fonts, with a 7-day free trial.

Do I need to sign up?

No. The editor opens without an account and keeps your work in the browser. Sign in to save projects to your account and to open templates from the community.

What formats can I export?

MP4 video, GIF up to 540 px, WebM with a transparent background for overlays in browsers that support it, and a single PNG frame.

Can I use my own fonts?

Yes. Upload any .ttf or .otf file, or pick from about 200 open-licensed Google fonts. Variable fonts work too, and their axes, such as weight and width, can be animated.

Is Swash an alternative to After Effects?

For text animation, social clips, motion posters and product videos, yes: you get the result in the browser in minutes, without keyframing every letter. For character animation or compositing live footage, After Effects is still the right tool.

Does Swash work with Figma?

Yes. The free Swash plugin for Figma brings your text and layout over to Swash as editable layers.