A FREE online conference for web designers
A free online event with top speakers, live workshops & pro insights. Level up your design game — sign up for free now!
The Collective
Hand-picked interesting links for
web creators, updated daily.
Prefer a weekly digest?
Keak: The first AI agent that continuously improves your website.
Boost your conversion rates by up to 137% with Keak’s AI-driven optimization. Tested, trusted, and proven to deliver results.
View Transitions Applied: More performant ::view-transition-group(*) animations
Learn how to optimize ::view-transition-group(*) animations for better performance by running them on the compositor, using custom FLIP keyframes when dimensions remain unchanged.
Beej’s Guide to Git
Master Git with Beej's Guide! Available in multiple formats with syntax highlighting and open-source access.
PlayCanvas React
A lightweight library for building 3D apps in React. It supports physics, pointer events, and a built-in scripting API. Read more on their blog.
Shader Programming with Rick and Morty
Learn GPU shader programming with GLSL by animating Rick from Rick and Morty—240 lines of code, no libraries, fully interactive examples!
Simulating water over terrain
Simulating water over terrain using the virtual pipes method. Covers fluid flow, grid-based models, and practical game development applications.
CSS Voxel Editor
A CSS-powered voxel editor for building 3D models with HTML cuboids. Create and customize shapes right in your browser!
Flatlogic Open-Sources 28 Premium Web & Mobile Templates After 12 Years
Flatlogic open-sourced 28 premium web & mobile templates after 12 years in business. Grab the code here
httptap
A lightweight Linux tool that lets you view HTTP and HTTPS requests made by any program without needing root access or system changes, using network namespaces and TUN devices for traffic interception.
Error Message Usability
This article explains Jakob Nielsen's ninth usability heuristic on helping users recognize, diagnose, and recover from errors.
A WebAssembly compiler that fits in a tweet
This article breaks down a 192-byte JavaScript WebAssembly compiler, offering a step-by-step guide to understanding both compact code tricks and WebAssembly internals.
Don’t animate height!
Jim Fisher reveals how a simple CSS animation can quietly drain your CPU and GPU, and shares practical tips on identifying and optimizing performance-hungry animations using browser dev tools.
Geospatial Clouds: Shota Matsuda’s WIP Volumetric Cloud System
Shota Matsuda unveils a WIP ray-marched volumetric cloud system with interactive controls, still in development and awaiting further tuning.
Ruby on Rails on WebAssembly, the full-stack in-browser journey
Vladimir Dementyev explores running a full-stack Ruby on Rails application entirely in the browser using WebAssembly.
Opera Air
A new browser designed to promote mindfulness and mental well-being... Take a “deep breath” before you start doomscrolling ;)
How to gif (2025 edition)
This article explores modern GIF alternatives, their performance, and evolving browser support.
Syntax Highlighting with Prism.js and markdown-it
Aleksandr Hovhannisyan explains how to use Prism.js with markdown-it for syntax highlighting, adding line numbers, file names & copy buttons.
fluid-triangle
An interactive fluid simulation rendered in ASCII—featuring device motion support, custom obstacle interactions, and dynamic character mapping for unique visuals. Source code here.
Fusion
Aaron Francis introduces Fusion, a new way to write PHP inside Vue & React components in Laravel, enabling seamless backend-frontend sync.
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
