Animated Website Backgrounds
Living backgrounds for the top of your website, drawn in code instead of played from a video. They fit every screen, stay sharp at any size and weigh less than a photo. Try them live below.
- Drawn in code, not video
- Any screen shape
- Pauses when scrolled away
Sixteen Backgrounds, All Running Live
Calm, playful, bold or techy. Every tile below is animating right now. Resize your window and they reflow instead of cropping. Pick one to style it.
Make One Yours
Choose a background, apply a palette and set the pace. Switch the frame to see the same design fill a phone, a square post or a thin banner.
Your headline goes right here
A line of supporting copy, sitting comfortably over the motion.
Get startedAll the Motion of a Video, None of the Weight
Background videos are heavy, and most animated backgrounds are built for desktops. These were made for pages that have to load fast everywhere.
Lighter than a photo
No video file and no 3D engine: a background is a few kilobytes of drawing instructions.
Every screen shape
Drawn as shapes rather than pixels, so one design fills a tall phone, a widescreen banner and a square card, sharp at any size.
Kind to phones
Stops drawing when scrolled out of view, and shows a still frame to anyone whose device asks for less motion.
How It Will Work
Pick
Start from the collection. Each background loops forever without a visible seam.
Style
Apply your brand colors and set the pace. What you see here is what your visitors get.
Paste
Copy one snippet into your site, from hand-built HTML to WordPress, Webflow or Framer. Your content sits on top.
Get Early Access
Leave your email and we'll let you know as soon as you can put these on your own site. Tell us what you'd use one for and we'll build for that first.
Animated Background Questions
Is this available now?
Not yet. Everything on this page runs live, but there's no way to put a background on your own site yet. Join the early-access list and you'll be among the first to try it.
Will it be free?
The early-access version will be free to use. We may add a paid plan for extras later, and people on the list will hear about it first.
Will a moving background slow my site down?
It's designed not to. There's no video file to download: each background is a few kilobytes of drawing code. It stops drawing when it's scrolled out of view and uses little processor time on phones.
Which website builders will it work with?
Anything that lets you add a little HTML: a hand-built site, WordPress, Webflow, Framer, Squarespace and most other builders.
What about visitors who prefer less motion?
If a visitor's device is set to reduce motion, they see a still frame of the background instead of the animation.
Can I use these animations in a video?
Yes, today. Most of these backgrounds are built from animations in the Movidmo video editor, where you can add them to a video, add text and music, and publish an MP4.
Want It Sooner?
Join the early-access list, or make a video with these animations in the editor today.
Questions, feedback, or ideas? We'd love to hear from you.
We read every message and respond as quickly as we can.