Motion & Illustration
Animation engines, scroll choreography, 3D and WebGL frameworks, Lottie and Rive runtimes. Plus the illustration packs, SVG generators and motion editors the best landing pages actually borrow from.
66 shown
Motion
Motion librariesProduction-grade animation for React, JS and Vue. Formerly Framer Motion.
GSAP
Motion librariesProfessional-grade JS animation - timelines, easing, scroll. The industry workhorse.
Motion One
Motion librariesThe smallest animation library built on the Web Animations API.
Anime.js
Motion librariesLightweight JS animation with a delightful, declarative API.
React Spring
Motion librariesSpring-physics animations for React. Interruptible, expressive, gestural.
use-gesture
Motion librariesDrag, pinch, wheel, scroll hooks for React. Pairs naturally with React Spring.
AutoAnimate
Motion librariesAdd motion to any layout with one line. List reorders, additions, removals.
Popmotion
Motion librariesFunctional, flexible JS animation primitives. The engine inside Motion.
Velocity.js
Motion librariesjQuery $.animate() at native speed, with color, transforms and SVG.
Tween.js
Motion librariesSimple, tiny tweening engine for JS. Three.js examples all use it.
Lenis
Scroll & gestureSmooth scrolling from Studio Freight. The silk on Awwwards sites.
Locomotive Scroll
Scroll & gestureDetection of elements in viewport and smooth scroll with parallax.
ScrollTrigger
Scroll & gestureGSAP's scroll plugin - pin, scrub, snap. The standard for scroll choreography.
Motion useScroll
Scroll & gestureScroll-linked progress values for React, declarative and reduced-motion aware.
React Scroll Parallax
Scroll & gestureLightweight parallax effects for React - a single hook, IntersectionObserver under the hood.
Embla Carousel
Scroll & gesturePhysics-based, headless carousel. Drag, scroll, snap. Framework agnostic.
Three.js
3D & WebGLThe WebGL library every 3D site on the web is built on.
React Three Fiber
3D & WebGLReact renderer for Three.js. Declarative 3D scenes that compose with the rest of your app.
Drei
3D & WebGLUseful helpers for React Three Fiber - cameras, controls, loaders, shaders.
React Three Rapier
3D & WebGLPhysics for R3F via the Rust-built Rapier engine. Cloth, rigidbody, joints.
Babylon.js
3D & WebGLMicrosoft's full WebGL/WebGPU engine - playgrounds, editor, broad tooling.
p5.js
3D & WebGLCreative coding for the web. The friendly Processing for the canvas.
OGL
3D & WebGLMinimal WebGL framework - small, fast, the engine behind many indie scenes.
PixiJS
3D & WebGLBlazing-fast 2D WebGL renderer. Best for sprites, particles, interactive canvases.
TresJS
3D & WebGLThree.js for Vue. Declarative 3D, the Vue cut of React Three Fiber.
LottieFiles
Lottie & RiveMarketplace + player for After Effects animations. Hundreds of thousands free.
lottie-web
Lottie & RiveAirbnb's runtime. Render After Effects compositions natively on web.
lottie-react
Lottie & RiveReact wrapper for lottie-web with hooks for play/pause and segments.
dotLottie
Lottie & RiveModern Lottie format and player. Smaller files, themes, multi-animation.
Rive
Lottie & RiveReal-time interactive animations with a state machine. Single binary across web, iOS, Android.
Rive React
Lottie & RiveOfficial React runtime for Rive. Bind inputs, listen to events from JSX.
unDraw
Illustration packsOpen-source SVG illustrations. Recolor to a single brand hue in the browser.
Storyset
Illustration packsEditable illustrations by Freepik - palette, expression, animation, all in-browser.
Blush
Illustration packsMix-and-match illustrations from a stable of artists. Customize and export.
Humaaans
Illustration packsPablo Stanley's mix-and-match people illustrations. The original.
Open Doodles
Illustration packsFree sketchy doodles by Pablo Stanley. Looser than Humaaans, easy to remix.
DrawKit
Illustration packsHand-drawn illustrations, icons, and animations. Strong free tier.
Reshot
Illustration packsFree SVG illustrations, icons, and photos with a permissive license.
Ouch! by Icons8
Illustration packsThousands of vector illustration sets across many styles - 3D, isometric, doodle.
ManyPixels Gallery
Illustration packsFree customizable illustrations. Pick a style, swap color, download SVG.
Absurd Design
Illustration packsFree surreal illustrations by Vijay Verma. Editorial weirdness on tap.
Pixeltrue
Illustration packsFree SVG + animated Lottie illustrations across product, ecom, fintech themes.
Iconscout Illustrations
Illustration packsHuge cross-style library - 2D, 3D, isometric, Lottie. Some free, some paid.
Saily by Craftwork
Illustration packs200+ characters across roles and scenes. The polished people pack.
Streamline Illustrations
Illustration packsMassive packs across drawn, 3D and isometric. The serious-team option.
Shapes.so
Illustration packsFree customizable 3D shapes for landing pages. Recolor and export PNG.
Glaze
Illustration packsFree 3D illustrations, mockups, and animations from Craftwork.
3dicons
Illustration packsFree 3D-rendered icon set in clay, dynamic, and fluency styles. PNG + Blender.
SVG Repo
SVG & vector500k+ free SVG icons and vectors across collections. Permissive licensing.
SVGL
SVG & vectorBeautiful brand logos as SVG, ready to drop in. The 'logos as a service' page.
Simple Icons
SVG & vectorFree SVG icons for popular brands. The set npm sites and READMEs pull from.
Haikei
SVG & vectorGenerate background blobs, waves, meshes, grids as SVG. The hero-bg toolkit.
Blobmaker
SVG & vectorGenerate random organic blob SVG shapes. One slider, infinite variations.
Get Waves
SVG & vectorSVG wave generator for section dividers. Tweak amplitude and complexity, copy.
Hero Patterns
SVG & vectorRepeatable SVG patterns by Steve Schoger. Pick a color, paste into CSS.
Mesh Gradient
SVG & vectorGenerate mesh gradient backgrounds, export as SVG. The Stripe-ish hero look.
Spline
Editors & toolingBrowser-based 3D editor. Real-time scenes, exportable to web with one line.
Rive Editor
Editors & toolingDesign and animate interactive vector art with a state machine. Web + native.
Jitter
Editors & toolingMotion design in the browser. Export MP4, GIF, Lottie. Figma-tier ergonomics.
Cavalry
Editors & toolingProcedural 2D motion design. Generative, parametric, modern After Effects rival.
Theatre.js
Editors & toolingAnimation library for JS with a design-tool-grade keyframe editor in the browser.
Bodymovin
Editors & toolingAfter Effects plugin that exports compositions to Lottie JSON.
Blender
Editors & toolingThe open 3D creation suite. Modeling, rigging, render. The 3D icon factory.
Spline AI
Editors & toolingGenerate 3D objects, scenes and animations from prompts inside Spline.
Haiku Animator
Editors & toolingStandalone animator for SVG and Lottie with a timeline and component model.
Lottielab
Editors & toolingBrowser-based Lottie animator - Figma-style canvas, real-time export.