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!
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!
How to create a room portfolio with Three.js and Blender
Andrew Woan's beginner-friendly tutorial on creating a 3D room portfolio with Three.js and Blender. Video here.
Post-Processing Shaders as a Creative Medium
A deep dive into post-processing shaders—Maxime breaks down techniques for dynamic pixel effects, illusions, and creative rendering.
How to Use ARIA Alert Effectively
Florian Schroiff explores ARIA alerts, guiding developers on best practices to ensure accessible, screen reader-friendly web notifications.
gltf-type-toolkit
Thorsten Seyschab’s gltf-type-toolkit auto-generates TypeScript types for glTF models, ensuring type safety, efficient bundling, and seamless Three.js integration.
Codename Goose
Goose is an open-source AI agent that automates coding tasks locally, running any LLM for execution, testing, and debugging.
Monospace (ASCII art generator)
Mike Bespalov’s ASCII Converter—Instantly turn any image into ASCII art. A technical yet functional tool, with plans for a cleaner UI in the future.
Death of the Design Engineer
Sahil Lavingia argues AI is making design engineers obsolete, as top designers and engineers now use AI to bridge skill gaps and specialize.
There are a lot of ways to break up long tasks in JavaScript
Alex MacArthur explores various methods to break up long, resource-intensive tasks in JavaScript, improving UX by ensuring responsiveness through different event loop techniques.
Infinite Vortex Art Gallery
Jean Mazouni’s Infinite Vortex Art Gallery—An interactive 3D experience using Three.js Instanced Mesh API + shaders. Scroll to navigate the endless spiral.
Waterball
Experience real-time fluid simulation on a sphere with WebGPU—interactive, high-performance, and smooth even on older devices. Try it in your browser!
Hedy
Hedy is a gradual, multilingual, and classroom-friendly textual programming language that helps beginners transition from block-based coding to Python by introducing concepts step by step in their native language.
Why I still like Sublime Text in 2025
This article by James Doyle explores why Sublime Text remains a relevant and powerful code editor in 2025, highlighting its speed, flexibility, LSP support, and more.
YC Graveyard
A collection of 821 inactive Y Combinator startups from 39 batches across 50 industries, showcasing companies that launched but ultimately ceased operations.
How and Why I Moved My Blog from WordPress to Astro and Markdown
Marcin Kwiatkowski shares his journey migrating his blog from WordPress to Astro and Markdown, highlighting the benefits of performance, cost, and simplicity.
Slow Roads 2.0
The latest update brings procedurally-generated scenic roads for endless driving zen, built with Three.js to run directly in your browser, no installs or ads.
Beach Point
Idol has launched a new website for Beach Point Capital Management, enhancing their online presence. The project was a collaboration with Jesper Landberg, Bryan James, and Gil Huybrecht.
CSS nesting: use with caution
Andy Bell shares a cautious approach to native CSS nesting, warning against its potential for confusion, especially for junior developers, and advocating for simplicity.
What’s OAuth2 Anyway?
A deep dive into OAuth2, explaining its security model, authorization flows, and real-world use cases, with insights on best practices and emerging standards.
Particular Drift
A WebGL/JavaScript tool that turns images into dynamic particle animations, using edge detection and Perlin noise-based flow fields. Find the code here.
How to Set WebGL Shader Colors with CSS and JavaScript
This article guides readers through using CSS and JavaScript to dynamically control WebGL shader colors, ensuring real-time design updates like dark mode.
WOOZ Experience
Joël Mik has created an interactive 3D website for a Dutch sustainable clothing brand, blending R3F and Shopify API for an immersive shopping experience.
Tencent Hunyuan3D
An advanced 3D asset generation model offering high-resolution, textured 3D assets with diffusion-based models for shape and texture creation.
Dissolve Effect
Jatin Chopra showcases a dissolve effect created with shader and particles.
Display of an inline 3D model
Check out this interactive explainer for @Apple's HTMLModelElement proposal, aiming to display 3D models inline with privacy-preserving features. More details here: HTMLModelElement Proposal
Cam Hicks
New dev build for Cam Hicks by Paulo Ferreira Jorge and Neutral Studio! Showcasing storytelling through photography, moving images, creative direction, and consulting.
Xorma
A synchronous, reactive, in-memory database built on MobX, ideal for complex frontends like video editors, design tools, and games, with features for reactivity, relationships, undo/redo, and persistence. GitHub repo.
AI is Creating a Generation of Illiterate Programmers
AI is making developers more dependent, eroding skills like debugging and comprehension. The author shares personal insights and suggests "No-AI Days" to regain mastery.
Pure CSS Mixin for Displaying Values of Custom Properties
Roman Komarov introduces a native CSS mixin for previewing custom property values, simplifying debugging and enhancing CSS workflows by displaying calculated values via pseudo-elements.
Container Queries Unleashed
Josh Comeau explores the power of container queries in CSS, offering a new way to create responsive layouts that adjust based on container size, not just viewport.
Open Operator
A proof-of-concept platform by Browserbase that integrates Browserbase, Stagehand, and OpenAI technologies to help users build their own web agents for automating browser-based tasks.
Drops
A real-time fluid simulation using WebAssembly and SPH, showcasing caustics, refractive effects, and interactive parameters in browsers for stunning visuals.
cs16.css
A CSS library that brings a nostalgic gaming interface from Counter Strike 1.6, easily integrated into your web projects for a retro feel.
JavaScript Temporal is coming
JavaScript's new Temporal object simplifies date and time handling, offering better support for time zones, calendars, durations, and precise calculations.
Styling a meter element with CSS and SVG
Mike Aparicio demonstrates how to style a <meter> element using CSS and SVG, creating a flexible rating component with custom icons and scalable options.
Lacoste Customization Tool by Merci-Michel
Lacoste's new real-time polo customizer in Three.js offers endless color, pattern, and detail options, allowing you to design your ideal polo shirt online.
Surface-Stable Fractal Dithering: A Novel 3D Rendering Technique
An innovative 3D rendering technique by Rune Skovbo Johansen that creates adaptive dot patterns on surfaces, maintaining visual consistency across different perspectives. Explanation here.
Creation
A quantum mechanics student shares how he built an open-source laptop from scratch with a 4K AMOLED display, mechanical keyboard, custom powertrain, and modular design.
Single HTML Element Star Rating Component
A tutorial on creating a customizable star-rating component using HTML, CSS, and minimal JavaScript, exploring innovative ways to build interactive web elements.
Dropbox Brand Guidelines
Dropbox launches an innovative brand guidelines site with interactive animations, powered by Rive and Webflow, redefining modern web design.
Tailwind CSS v4.0
A major update focused on faster performance, modern CSS features, and simplified setup.
New capabilities for attr()
Una Kravets highlights Chrome 133’s enhanced CSS attr() function, adding type casting and versatile styling uses.
7 New JavaScript Set Methods for Comparing Arrays
Wes Bos highlights 7 new JavaScript set methods, now available in all browsers and Node.js, perfect for comparing arrays or sets of data.
