Create animated shader backgrounds on Mac or PC. In your colors.

How it works

How to make an animated background on Mac or Windows

1. 1 Start from

   • No input file

   Pick a shader family

   Start with Neuro, Waves or Silk, or press Randomize for a quick new direction.

2. 2 Set it

   • Neuro
   • Waves
   • Silk

   Shape the color and motion

   Build a color ramp, pan, zoom and rotate, then set the speed, a loop from 2 to 15 seconds and 24 or 30 fps.

3. 3 Export

   • PNG
   • MP4
   • WebM

   Export a still or a loop

   Save a PNG, or render a looping MP4 or WebM at half, normal or double scale.

New to Hangar? How to run a tool, step by step

Choose a family

Neuro, Waves, Silk and more. Every one moves.

Each family has its own controls and its own character. The palette, framing and finishing work the same across all of them, so a brand look carries over.

• Neuro

  Glowing filaments that drift and weave.

  Best for tech launches and title cards.

• Waves

  Line patterns from sharp zigzags to smooth flow.

  Best for clean, graphic backgrounds.

• Silk

  Folds of fabric catching the light.

  Best for premium product and brand videos.

Every setting, explained in the Shaders guide Shader family · Palette · Transform · Canvas and scale · Finishing

Who uses it

Who uses Shaders

• Video creators

  A moving background behind titles

  Render a loop in your channel colors and drop it under intros, end screens and lower thirds.

  Hangar for video and social creators
• Marketers

  An animated look for a launch

  Give the announcement post, the event screen and the deck the same moving backdrop.

  Hangar for marketers and content teams
• Web designers

  A hero loop for a site

  Export a short WebM loop for a landing page hero, or a PNG for the static fallback.

The alternative

Why not use stock motion backgrounds?

Stock libraries have a huge range ready to download, and that is hard to beat for choice. Where they fall short is fit.