A lab of the best JavaScript for modern web design.
Live demos, copy-paste snippets, and install commands for the libraries we actually reach for when building sites at Iris.
Backgrounds, effects & motion
Vibe-setters. Shaders, particles, globes, fluids, waves, confetti, physics, animation.
Framer Motion
Declarative animations and gestures for React.
GSAP + ScrollTrigger
Industry-standard timeline animation, scroll-driven sequences.
Lenis
Buttery smooth scroll, used by award-winning sites.
React Three Fiber
Declarative Three.js scenes in React.
tsParticles
Highly-configurable particle & network effects with a live customizer.
Vanta.js
Animated WebGL backgrounds — NET, WAVES, FOG, BIRDS and more.
Paper Shaders
React-ready shader components — mesh gradients, warps, dithering.
Cobe
The famous interactive 3D globe — 1.5 KB, WebGL, butter-smooth.
WebGL Fluid
Pavel Dobryakov's interactive fluid simulation.
React Wavify
Animated SVG waves — perfect section dividers and headers.
canvas-confetti
The celebrate-anything library. Fireworks, snow, school pride.
Rough Notation
Animated hand-drawn annotations over inline text.
SplitType
Splits text into chars / words / lines for animation.
Matter.js
2D rigid-body physics for playful interactions.
UI workhorses
Not flashy, but you'll reach for them on every project. Primitives, carousels, drawers, charts, editors.
Embla Carousel
Lightweight, headless, touch-first carousels.
Sonner
Opinionated toast notifications.
Vaul
iOS-feel drawer component.
Radix UI
Unstyled, accessible primitives (Dialog, Dropdown, etc.).
Lucide Icons
Beautiful, consistent open-source icon set.
dnd-kit
Modern, accessible drag and drop.
Recharts
Composable chart library built on D3 + React.
TipTap
Headless, extensible rich text editor (ProseMirror).