How to Code a Subtle Shader Background Effect with React Three Fiber

Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

A breakdown of a Three.js demo using BatchedMesh for efficient mesh rendering and exploring the new post-processing pipeline with TSL.

Simplifying Backend Tasks for Frontend Developers with Manifest, a One-File Solution

Manifest is a whole backend that fits in a single YAML file reducing pain for frontend developers that have to deal with backend tasks.

Collective #876

Sylph * EZ-Tree * 2024 State of CSS survey results

UI Interactions & Animations Roundup #47

A set of interesting and inspiring animations and motion design concepts from the past couple of weeks.

Designer Spotlight: Maria Rakovic

Explore the creative journey of Maria Rakovic, an architect-turned-web designer, blending architectural precision with digital artistry in web design and branding.

Collective #875

GSAP is Joining Webflow * Conversations on Quality * Shadercraft

Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js

Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.

Case Study: Monolith Studio

Go behind the scenes of Monolith Studio’s bold website, created in collaboration with Artemii Lebedev, Okan Uckun, and Oscar Akermo, to discover how they brought a modern Brooklyn tattoo studio to life online.

Collective #874

HTML for people * The Interactive Guide to Rendering in React * Canary