Jitter
A motion design tool for UI animation. Import your Figma files and animate them in the browser.
Resources & Tools for Motion Designers
Animation tools, Lottie and interactive runtimes, motion references and 3D resources for designers who bring interfaces to life. Find a reference, prototype the interaction, then export motion that engineers can ship.
Animation Tools
Tools for UI animation, interactive state machines and web-ready visual effects.
UI Animation
Rive
Interactive animation tool with state machines and native runtimes for web, iOS, Android and game engines.
LottieFiles
Huge library of free and premium Lottie animations, plus Lottie Creator for building and exporting dotLottie in the browser.
Lordicon
47,000+ hand-animated icons with hover, loop and morph states. Export to Lottie, GIF or MP4, or embed via JS.
WebGL, Shaders and 3D
Unicorn Studio
No-code WebGL tool with 75+ effects for interactive hero backgrounds, shaders and motion graphics that embed on any site.
Paper Shaders
Zero-dependency WebGL shaders (mesh gradients, grain, dithering, halftone, liquid metal) shipped as React components.
Spline
Browser-based 3D design tool for interactive scenes and objects, with a remixable community library and web embeds.
Motion Inspiration
Real product animations and interactions to reference before you open a timeline.
Interaction References
60fps
2,100+ animation and interaction shots from top iOS and web apps, tagged by gesture, effect and pattern.
Design Spells
300+ delightful micro-interactions, transitions and easter eggs from real products. Reach for it when a UI needs charm.
Detail
Curated small product decisions: interaction mechanics, motion, copy and accessibility details that make UIs feel crafted.
Spotted in Prod
Short clips of the best iOS UI details and interactions, tagged by gesture, pattern and style. Fresh clip of the day.
landing.love
2,100+ animated landing pages captured as full-page video recordings, so you see scroll and motion, not just stills.
Showcases
The FWA
Favourite Website Awards, running since 2000. Daily picks of cutting-edge interactive and experiential web work.
Awwwards
The leading web design awards: daily Site of the Day picks judged by designers, plus collections, courses and jobs.
Dribbble
The single best source for UI/UX and graphic design inspiration from designers worldwide.
3D and Background Assets
3D objects, renders and generated backgrounds to build scenes and loops around.
3D and Backgrounds
3dicons
1,400+ CC0 3D icon renders in several angles and finishes, free for commercial use with no attribution.
Shapefest
100,000+ Cinema 4D renders of abstract shapes, icons and glass, clay or metal materials. Free packs plus hi-res premium.
Thiings
10,000+ AI-generated 3D object icons as transparent PNGs. Handy for playful empty states, onboarding and marketing visuals.
MESH Gradient
Drag points on a WebGL canvas to warp colors into organic mesh gradients, then export. Quick hero and card backgrounds.
Haikei
Generates SVG blobs, waves, layered peaks, blurry gradients and other backgrounds. Randomize, tweak, export as SVG or PNG.
Product Videos and Footage
Turn screens into animated device shots and launch videos, and source or generate footage.
Mockup Video
Rotato
Mac app for animated 3D device mockups. Drop in a screen or recording, move the camera, export product videos up to 8K.
Shots.so
Turn screenshots into polished device mockups and animated videos with auto backgrounds, shadows and social-size presets.
Mockuuups Studio
5,200+ device and print mockups. Drop a design in once and preview it on all of them, via web, desktop or Figma plugin.
Footage and AI Video
Mixkit
Free stock video clips, music, sound effects and video templates from Envato. No sign-up or attribution needed.
Krea
Real-time AI image and video suite with many models, editing and a high-res enhancer in one canvas.
Figma Weave
Formerly Weavy: a node-based canvas that chains image and video models with pro editing into reusable workflows.
Techniques and Guidelines
Creative front-end tutorials and the platform motion guidance your work should respect.
Motion Guidance
Codrops
Creative front-end tutorials and demos on WebGL, GSAP and motion. The go-to for interaction and animation ideas.
Material Design 3
Google's design system, now with M3 Expressive. Reference for components, color roles, motion and Android patterns.
Apple Human Interface Guidelines
Apple's official guidance for iOS, iPadOS, macOS, watchOS and visionOS. Check it before designing any native Apple experience.
Other toolkits
Weekly newsletter · Every Tuesday
New references, every Tuesday.
The newest additions to the library, three LDS picks worth revisiting and a category spotlight, in one short email.
Browse past issues