10 sec film
Frame-by-Frame / Line Boil
Hand-drawn lines gently wobble across frames, creating an organic, handmade feeling.
Motion Lab / Film study collection15 films · 10 seconds each
Motion is a language.
Find yours.
Watch real motion-design films. Learn what makes each style recognizable and when you should use it. Then copy a simple idea for your own project, or study the complete original production prompt.
A motion film is not a website template.
These 15 examples are short finished films made through code-rendering, complete with visuals and audio. They are ideal for learning cinematic movement and creative direction.
Website effects are different: users must still be able to read, scroll, tap, type, and navigate. For smaller website interactions, visit the Motion Library or Lenis playground.
Choose a feeling, not a trend
Explore the films.
Select a poster to watch the exact 10-second film. Open the original source for the complete production method.
Showing all 15 motion films
10 sec film
10 sec film
Isometric 2.5D
Flat illustrations arranged to feel like miniature 3D buildings or systems.
10 sec film
Flat Vector
Simple flat shapes, crisp color, and confident transitions that explain ideas quickly.
10 sec film
Line Art
A scene appears through purposeful, continuous-looking drawn lines.
10 sec film
3D Render / CGI
Studio-quality lighting, realistic depth, surfaces, and cinematic camera motion.
10 sec film
Shape Morph
A visual shape changes into another while remaining recognizable.
10 sec film
Sticker Explainer
Layered paper-cut sticker objects build a fast-paced explanation.
10 sec film
Cyberpunk HUD / FUI
Futuristic fictional interface overlays with targets, data and dramatic light.
10 sec film
Collage / Cut-out
Layered photography, rough paper edges and animated cut-outs.
10 sec film
Aurora & Glassmorphism
Soft colored light and translucent panels form a gentle immersive atmosphere.
10 sec film
Geometric Bauhaus
Bold circles, blocks and disciplined movement arranged like kinetic posters.
10 sec film
80s Synthwave / VHS
Retro neon colors, VHS texture and an exaggerated sense of depth.
10 sec film
Pixel Art
Low-resolution grid art and limited palettes animated with crisp, deliberate steps.
10 sec film
Liquid Motion
Soft, fluid silhouettes stretch, merge and separate like drops of liquid.
10 sec film
Variety Captions / Hanazi
Large, colorful, rhythm-synchronized captions designed for vertical video.
No films matched. Try a different keyword or choose all styles.
First time working with animation?
One film. One idea. One thoughtful experiment.
01 / WATCH
Open a film and notice what is moving and what remains still.
02 / UNDERSTAND
Read when this visual style is useful, and what you should avoid copying into everyday UI.
03 / BUILD
Copy a short starter prompt, or follow the source author's complete video-production prompt in GitHub.
Source and rights: Films and creative production prompts are by Vincentwei1021/mg-styles-15 under the MIT License (Copyright (c) 2026 Vincentwei1021). Film thumbnails are fetched from the source site; videos are made available only after you open the film player; Atlas does not rehost the ~420 MB video collection. Third-party assets retain their own terms (including OFL font outlines and separately licensed samples). The full source, film credits, and MIT license are available upstream. No paid APIs or autoplay.