The Collective has paused, but the inspiration continues. Subscribe to our monthly newsletter for fresh updates.
Christopher Butler's essay explores the idea that true design greatness isn't measured by fame or visibility, but by creating work that seamlessly serves human needs and becomes invisible in its functionality.
Ibrahim Diallo uses clever zip bombs to protect his server from malicious bots by overwhelming them with massive compressed files.
Bramus proposes CSS Parser Extensions to make polyfills easier, letting devs extend the CSS parser with custom syntax and features.
A playful physics demo blending car dynamics and arcade vibes—customize traction, speed, and more in-browser.
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!
Jen Simmons introduces margin-trim, a new CSS property that simplifies layout by automatically trimming child element margins at container edges.
Dan Abramov reimagines HTML as a functional, JSON-first language with full-stack tags and client/server boundaries shaped like components.
This article discusses how technological advancements, like the automation of programming through AI, are shifting the focus of creative work.
Bran McConnell releases Anchors for Tailwind CSS, a plugin for declarative anchor positioning with full CSS API and View Transition support.
Andy Clarke revisits image maps while designing a retro-style site, ultimately favoring inline SVG for expressive, modern interactivity.
Website, blog, or product boilerplates. One-click deploy to Vercel. SEO-ready MDX blog with Next.js 14, TypeScript, TailwindCSS, and Shadcn UI.
Heydon Pickering critiques the <canvas> element with wit, arguing it's often misused where semantic, accessible HTML would be better.
Made With GSAP shares a hover effect tutorial using GSAP’s now-free InertiaPlugin — images shift with mouse speed and bounce back.
GSAP is now fully free, with a revamped SplitText plugin and new features like animating to CSS variables, plus simpler Webflow integration.
Bram Jetten shares how he built a €1M ARR SaaS solo in Rails, proving the power of the “One-Person Framework.”
A dynamic 3D network built with Three.js and custom GLSL shaders. Clicks send animated pulses that light up nodes and links.
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!
A chaotic, real-time multiplayer chess playground
GSAP's Site of the Week is Noomo ValenTime, a stunning interactive experience built with WebGPU, Blender, Houdini, and Nuxt.js, featuring ScrollTrigger, ScrollSmoother and DrawSVG.
A TypeScript library bundler built on Rolldown and Oxc, designed to generate declaration files quickly and support popular plugin ecosystems with minimal configuration.
An open-source, AI-native testing framework that uses visual agents and natural language to create adaptive, end-to-end tests for web apps with minimal setup and high reliability.
Julie Zhuo examines how AI’s ability to replicate artistic styles challenges traditional notions of quality, arguing that true excellence still lies in original narrative, craftsmanship, and emotional depth.
Build stunning websites effortlessly with Divi – the world's #1 premium WordPress theme and visual builder.
A WebGL-based online photo editor with filters, effects, and cropping. Source here.
An open-source platform to build, deploy, and self-host agentic LLM workflows easily via Docker or dev containers.
Jen Simmons explains new CSS line-height units for better typography control in web design.
Mihael Miklosic made a fun little Perlin noise graphics tool with p5.js—customizable, creative, and a joy to play with.
Martijn Hols shares foundational accessibility practices every front-end dev should follow—covering semantic HTML, forms, keyboard nav, modals, alt text & more.
Ricky Hanlon introduces <ViewTransition> and <Activity>, new experimental React features for smooth UI transitions and stateful hidden components.
A deep dive into advanced TypeScript features like generics, indexed access, and mapped types—applied to real-world modeling.
Local, open-source AI CLI that converts natural language to shell commands using models like phi-4-mini. No API key needed.
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.
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.
Dan Abramov explains how to create "impossible components" that span backend and frontend logic by splitting React components into server and client parts.
Michelle Barker shares a script for converting nested JS theme objects into CSS variables, eliminating the need to maintain styles in two places.
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's Site of the Week is the Siena Film Foundation website, featuring a smooth film carousel and innovative ticket menu animations.
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.
An open-source, agentic command-line interface AI tool that allows users to integrate various LLM providers and customize workflows.
A visual theme editor that allows users to easily customize shadcn/ui components with real-time previews.
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.
Yuri Artiukh explores the Three.js and WebGPU TSL postprocessing pipeline while recreating the stunning slider from the Kaide website.
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.
Romain Herault dives into step, mix, and smoothstep in GLSL shaders, with live editors, challenges, and interactive examples for shader beginners.
Amy Hupe shares how to write clear, empathetic error messages that help users recover instead of leaving them confused or frustrated.
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.
Rive, the real-time design and animation tool, has launched Data Binding—letting designers visually connect UI to live data without complex dev handoffs.
Radek Sienkiewicz roasts the AI industry’s logo obsession with circular, gradient-filled “butthole” designs—and yes, there’s a serious design critique too.
