Guides

Pick the job you have in mind. Each guide walks through it with the real buttons in the editor. For quick answers, see Help.

Add an animated gradient background to your website

Step-by-step: design an animated gradient, copy the HTML embed, and add it to a plain HTML page, Webflow, Framer, WordPress, Squarespace, Wix or Shopify.

Make an animated gradient video for Reels and TikTok

Make a vertical animated gradient video for Instagram Reels, TikTok or YouTube Shorts: set 9:16, pick a style, export an MP4, and add your text in the app.

Use animated gradient backgrounds in slides and video

Use gradients from Mesh Gradient Studio in Keynote, PowerPoint, Google Slides and video editors: PNG for still backgrounds, MP4 for moving ones.