Useful resources and inspiration for creative minds
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.
A breakdown of a Three.js demo using BatchedMesh for efficient mesh rendering and exploring the new post-processing pipeline with TSL.
Manifest is a whole backend that fits in a single YAML file reducing pain for frontend developers that have to deal with backend tasks.
Sylph * EZ-Tree * 2024 State of CSS survey results
A set of interesting and inspiring animations and motion design concepts from the past couple of weeks.
Explore the creative journey of Maria Rakovic, an architect-turned-web designer, blending architectural precision with digital artistry in web design and branding.
GSAP is Joining Webflow * Conversations on Quality * Shadercraft
Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.
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.
HTML for people * The Interactive Guide to Rendering in React * Canary
Piecesjs is a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.
Introducing Serhii — an exceptional creative digital designer whose concepts and visual techniques evoke both tears and admiration from developers.
40% discount on Three.js Journey ð§ð« * Plain Vanilla * Manifest
Explore the dynamic collaboration between designer Sébastien Salord and the talented team at Incredibles Development Studio as they join forces to take Duten’s digital presence to the next level.
A playful concept where we use scroll-based animations to create 3D grid effects and other transitions.
Feature detect Style Queries Support in CSS * js13kGames 2024: Winners announced!
An in-depth look at the design of the Paffi Totem Slider, exploring how soft gradients, subtle lighting, and playful motion work together to create a unique and dynamic look.
In collaboration with Webflow, we’re thrilled to present this roundup, featuring a handpicked selection of awe-inspiring websites.
CSS Masonry & CSS Grid * Benchmarking the performance of CSS @property
Eva Sánchez shares her passion for transforming brands into dynamic digital experiences through playful interactions and award-winning designs.
Learn about the challenges and creative solutions that shaped Treize Grammes’ bold rebrand and interactive design.
Exploring how fixed elements can hide and reveal based on scroll interactions with playful, context-aware animations.
Sidekick * I am tired of AI * Web components are okay
Cool and inspiring code demos we’ve featured in our newsletter over the past few weeks.
How I Built My Blog * State of HTML 2024 * Easing Graphs
Learn how Federico Pian built his 2024 portfolio using Nuxt, GSAP, and TresJs, with insights into design inspiration, animation techniques, and seamless page transitions.
Fundamentals of Frontend Architecture * The already-here future of prototyping * The continuing tragedy of emoji on the web