Try it freeOpen app
All templates

Shader effect templates

Halftone, dither, ASCII, pixel sort, gradient maps and more, layered over moving type. Tune each effect or swap it for another.

How it works in the editor: Effects and shaders.

Format
Circles grid background — kinetic typography template Circles grid background4:5 The heart beats — kinetic typography template The heart beats4:5 Halftone cylinder — kinetic typography template Halftone cylinder1:1 Gradient Map — kinetic typography template Gradient Map16:9 Glyph trails — kinetic typography template Glyph trails1:1 ASCII field — kinetic typography template ASCII field4:5 Wave Ticker Repeat — kinetic typography template Wave Ticker Repeat4:5 Festival Lineup — kinetic typography template Festival Lineup4:5 Pixel sort glitch — kinetic typography template Pixel sort glitch1:1 Halftone copies — kinetic typography template Halftone copies9:16 Flex — kinetic typography template Flex1:1

How to use a template

  1. Open it in the editor. Swash runs in the browser, and you can try any template without an account.
  2. Make it yours. Change the words, fonts, colours and images. The animators stay live, so the motion follows your text.
  3. Export. MP4, GIF or a PNG frame: up to 720p on the free plan, up to 4K at 60 fps on Pro.

New to Swash? Your first animation walks through the editor in a few minutes.