A visual builder like no other
Build stunning websites effortlessly with Divi – the world's #1 premium WordPress theme and visual builder.
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
The best new app for newsletter reading
Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Add your newsletters in seconds and liberate your inbox today!
Shipixen
Website, blog, or product boilerplates. One-click deploy to Vercel. SEO-ready MDX blog with Next.js 14, TypeScript, TailwindCSS, and Shadcn UI.
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!
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.
Browser MCP
Browser MCP lets AI apps automate browser tasks—form filling, testing, navigation—by connecting directly to your local browser.
‘An Overwhelmingly Negative And Demoralizing Force’: What It’s Like Working For A Company That’s Forcing AI On Its Developers
Luke Plunkett shares firsthand accounts from game devs struggling with AI forced into their workflows—frustrating, demoralizing, and often creatively hollow.
Built At Lightspeed
An extensive directory of open source and premium themes, templates, starters & UI kits for the Jamstack.
Smooothy
Federico Valla’s Smooothy is a lightweight, extensible JS slider with snapping, parallax effects, and smooth interactions. Framework-agnostic.
GSAP Site of the Week: Nite Riot
GSAP's Site of the Week, Nite Riot, was flawlessly executed with ScrollTrigger, ScrollSmoother, Observer, and Flip — all built in Webflow.
Cover Flow with Modern CSS: Scroll-Driven Animations in Action
A deep dive into recreating Apple’s iconic Cover Flow UI using modern CSS features—scroll snap and scroll-driven animations—with no JavaScript.
Tweaking Text Level Styles, Reprised
An updated, opinionated guide to styling <mark>, <del>, <ins>, and <s> elements for modern browsers and screen readers.
WebGL Scroll Sync
Lusion’s WebGL-Scroll-Sync demo explores a workaround for syncing WebGL visuals with DOM elements using a single canvas—without resorting to scroll-jacking.
Bare
A lightweight, embeddable JS runtime for cross-device apps, with native threads, CJS/ESM, and no stdlib—built for modularity.
Overengineered anchor links
Mats Erdkamp dives deep into solving anchor link scroll issues with increasingly advanced methods, ending in a smoothstep-based optimized approach.
Gumroad is now open source
After helping creators earn $1B+, the platform has opened its entire codebase, enabling faster features, bug fixes, and self-hosted marketplaces.
CSS-only glitch effect
Stanko shows how to build a CSS-only glitch effect by slicing images into animated strips with hue shifts, random transforms, and no runtime JS.
self.so
Create a personal website in seconds from your resume or LinkedIn — free, open source, and built with Together.ai, Next.js, and more.
First Look at The Modern attr()
Ahmad Shadeed explores the new modern attr() in CSS, which allows typed attribute values like colors, lengths, and times for dynamic styling.
Anime.js v4
Anime.js v4 is out with a new modular API, scroll-linked animations, draggables, additive effects, WAAPI support, and major performance improvements.
Minimal CSS-only blurry image placeholders
A minimal, CSS-only technique for rendering blurry image placeholders using a single custom property and packed integer encoding.
Breaking down circular dependencies in JavaScript
Bryan Braun breaks down how circular dependencies in JavaScript work, why errors can be cryptic, and how live bindings sometimes mask the problem.
CSS Holographic Masks
Christian Alder experiments with CSS holographic mask effects, inspired by Robb Owen’s guide on blend modes and shader-like visuals using only CSS.
Reinventing feathering for the Vectorian era
Chris Dalton shares how Rive built the first true vector-based feathering system — no rasterization, no blur hacks, just clean math and modern GPU rendering.Vector Feathering
Why I stopped using AI code editors
Luciano Nooijen removed AI code tools after noticing a decline in coding instincts, choosing to stay sharp by using AI only manually and intentionally.
Is Vite faster than Turbopack?
Kyle Gill compares dev server performance across Next.js with Webpack, Turbopack, and Vite (with Rollup and Rolldown), finding Vite fastest in most cases.
