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

Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework

Piecesjs is a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.