UI & components

Animated backgrounds for websites

An animated background sets the mood of a page before anyone reads a word. These run live behind real headlines, so you can judge whether the text still reads, then check them at phone width and copy the prompt.

3 prompts

Prompts

Live
Component · Animated backgrounds

Aurora background hero

Claude Animated

Guide

How to prompt an animated background

  • Protect the headline. Ask for a dim area or overlay where text sits.
  • Cap the cost. Mention canvas or WebGL, a lower resolution and pausing for reduced motion.
  • Name the palette. Three or four hex colours keep the mood consistent.