Uncode Creative and WooCommerce Theme
Uncode is a pixel-perfect creative WordPress Theme for creating stunning websites.
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Build a Product Card with Tailwind CSS
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store in this Scrimba course. Codrops readers get 20% off Pro plans!
Polishing your typography with line height units
Jen Simmons explains new CSS line-height units for better typography control in web design.
generative.graphics
Mihael Miklosic made a fun little Perlin noise graphics tool with p5.js—customizable, creative, and a joy to play with.
Accessibility essentials every front-end developer should know
Martijn Hols shares foundational accessibility practices every front-end dev should follow—covering semantic HTML, forms, keyboard nav, modals, alt text & more.
React Labs: View Transitions, Activity, and more
Ricky Hanlon introduces <ViewTransition> and <Activity>, new experimental React features for smooth UI transitions and stateful hidden components.
Advanced TypeScript manipulation features for the real world
A deep dive into advanced TypeScript features like generics, indexed access, and mapped types—applied to real-world modeling.
Open Codex CLI
Local, open-source AI CLI that converts natural language to shell commands using models like phi-4-mini. No API key needed.
CSS Hell
CSS Hell is a delightfully cursed set of 15 torturous CSS layout puzzles designed to challenge your styling skills and punish your past CSS sins — all in good fun.
How to Build an Agent
Thorsten Ball shows how to build a functioning, code-editing AI agent with just a loop, an LLM, and a few tools — in under 400 lines of Go.
Impossible Components
Dan Abramov explains how to create "impossible components" that span backend and frontend logic by splitting React components into server and client parts.
Creating CSS Theme Variables from a JS file
Michelle Barker shares a script for converting nested JS theme objects into CSS variables, eliminating the need to maintain styles in two places.
Aurel’s Grand Theater
Step into Aurel’s Grand Theater—a portfolio like no other. Solve mysteries, smash props, and uncover hidden gems about Aurelien Vigne’s creative world.
GSAP Site of the Week: Siena Film Foundation
GSAP's Site of the Week is the Siena Film Foundation website, featuring a smooth film carousel and innovative ticket menu animations.
So you want to use Object Storage
Tips and lessons learned from building systems using object storage, focusing on strategies to manage latency, improve performance, and optimize costs in cloud-based systems.
Sidekick-CLI
An open-source, agentic command-line interface AI tool that allows users to integrate various LLM providers and customize workflows.
tweakcn
A visual theme editor that allows users to easily customize shadcn/ui components with real-time previews.
5 Ways to Reduce HTML File Size on Your Website
Anna Monus provides five best practices for reducing HTML file size on websites to improve web performance, including minification, compression, breaking up long pages and more.
Curvy slider with Three.js postprocessing distortions
Yuri Artiukh explores the Three.js and WebGPU TSL postprocessing pipeline while recreating the stunning slider from the Kaide website.
Japanese Gradients
Nuevo.Tokyo™ is offering a free version of their JAPANESE GRADIENTS [FOR UI]™ design pack on Figma, part of their ongoing project blending traditional Japanese color aesthetics with modern UI design.
Getting Started with Shader Functions (step, mix, smoothstep)
Romain Herault dives into step, mix, and smoothstep in GLSL shaders, with live editors, challenges, and interactive examples for shader beginners.
How to write error messages that actually help users rather than frustrate them
Amy Hupe shares how to write clear, empathetic error messages that help users recover instead of leaving them confused or frustrated.
React miami
A browser-based multiplayer game made for React Miami Conf by Matias Fernandez using PartyKit and PeerJS. Everyone joins the same room — madness guaranteed. Source code here.
Design Meets Data: Rive Launches Powerful Data Binding for Seamless UI Workflows
Rive, the real-time design and animation tool, has launched Data Binding—letting designers visually connect UI to live data without complex dev handoffs.
Why do AI company logos look like buttholes?
Radek Sienkiewicz roasts the AI industry’s logo obsession with circular, gradient-filled “butthole” designs—and yes, there’s a serious design critique too.
The customizable select – Part two: Potions, anchoring, and radial shenanigans in CSS
Brecht De Ruyte explores CSS anchor positioning to create a radial potion picker with customizable selects and animated styling tricks.
JSX Over The Wire
Dan Abramov explores how React Server Components enable server-defined UI with co-located data, replacing REST with component-shaped JSON.
Advanced React in the Wild
Addy Osmani & Hassan Djirdeh dive into advanced, real-world React/Next.js case studies, showing how top teams optimized performance and UX.
The Lab by Anderson Moss
Anderson Moss launches The Lab — a new WebGL-powered 3D playground for motion and interaction experiments, packed with clever video texture tech.
The Post-Developer Era
Josh Comeau reflects on his 2023 predictions, arguing that despite AI advances, human devs are still essential—and not going anywhere.
How to Open and Close HTML Dialogs
Aleksandr Hovhannisyan shows how to open and close <dialog> with JS or HTML-only methods, supporting modals, non-modals, and light dismiss.
GSAP Site of the Week: Elegant Seagulls
GSAP's Site of the Week, Elegant Seagulls, showcases slick ScrollTrigger, Three.js, and WebGL with super creative execution and loads of polished details.
An image of an archeologist adventurer who wears a hat and uses a bullwhip
Otakar G. Hubschmann critiques the mimicry of Gen AI, using Ghibli-style images and IP-dodging prompts to explore how models copy iconic characters while stripping away the soul.
GeoCities Time Machine!
Kamil Stanuch built a tool that brings back the ’90s web — turning any modern site into a chaotic, glittery Geocities-style masterpiece.
A flowing WebGL gradient, deconstructed
Alex Harri walks through the creation of a WebGL gradient using shaders, simplex noise, and smart layering.
Bezier curves and shaders for Three.js vortex animation
Yuri Artiukh dives into Bezier curves and shaders to recreate a vortex animation in Three.js using TSL, live on YouTube.
G̶o̶o̶g̶l̶e̶r̶… ex-Googler
Adam Argyle shares the shock and heartbreak of being suddenly laid off from Google, despite years of impactful work on Chrome and the web platform.
Custom CSS Functions in the Browser
Miriam Suzanne introduces Custom CSS Functions, now in Chromium Canary, enabling author-defined logic like parameters, conditionals, and reusable styles.
Default styles for h1 elements are changing
Simon Pieters explains upcoming changes to default browser styles for nested <h1> elements and how to avoid Lighthouse warnings with explicit CSS.
Mario-style 3D Controller for react-three/fiber
Alex Moulinneuf brings Mario vibes to react-three/fiber. A full 3D controller with juice. Source here.
Equation Space
Vladislav Penev built a math-driven 3D renderer. Type an equation, see the surface take shape—no code, just math.
React for Two Computers
Dan Abramov explores React's dual-computer model in deep dive on tags, time, and space.
Better typography with text-wrap pretty
Jen Simmons introduces text-wrap: pretty, a new CSS property in Safari TP 216 that brings typographic finesse to web text by improving line wrapping.
The Best Programmers I Know
A thoughtful reflection on the traits of exceptional programmers—deep tool knowledge, humility, problem-solving, communication, and lifelong learning.
