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?
Shipixen
Website, blog, or product boilerplates. One-click deploy to Vercel. SEO-ready MDX blog with Next.js 14, TypeScript, TailwindCSS, and Shadcn UI.
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!
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!
Visualizing 100,000 Years of Earth in WebGL
Bouke Stam built a WebGL globe that visualizes 100,000 years of Earth's geography, sea levels, climate, and ice sheets using shaders and scientific data.
Particle Life simulation in browser using WebGPU
Nikita Lisitsa explores life-like particle simulations in the browser using WebGPU, covering modeling, GPU binning, prefix sums, and rendering.
Antoine Wodniack’s Open Source Portfolio
Antoine Wodniack open-sources his Webby-winning Astro portfolio for others to learn from.
GSAP Site of the Week: Andres Briganti
GSAP named Andres Briganti its Website of the Week—a fast, focused, and brutally intentional experience powered by Observer, SplitText, and React.
Building my childhood dream PC
Fabien Sanglard restores his dream 90s IBM PC in a deep, nostalgic series covering hardware, DOS setup, peripherals, and classic PC gaming.
Disfigure Posture Editor
A WIP library for rigging boneless, morphless 3D models using Three.js TSL. Includes demos and proof-of-concept videos.
itter.sh
A terminal-based microblogging platform accessed via SSH — no browser, just pure text, hashtags, and eets.
Hyvector
Hyvector is a fast, browser-based SVG editor built for complex images. Now in first release, feedback is welcome via the issue tracker.
View Transitions Applied: Smoothly animating a border-radius with a View Transition, revisited
A tutorial exploring two ways to animate border-radius with View Transitions in CSS — one using custom animations, the other using CSS transitions.
Finding Your Next Amusement Park Ride with APIs
A tutorial on building a ride wait-time sorter using a free API, Alpine.js, and Gemini-assisted styling
snapDOM
A fast, dependency-free DOM capture library that converts HTML elements to SVG or images with full style, font, and pseudo-element support.
GeoJSON parser for threejs
Three.js loaders for GeoJSON and WKT shapes with support for flat/extruded meshes, precise transforms, and line geometry.
Dithering Shader
A dithering shader demo using React Three Fiber, with bloom, grayscale, pixelation, and live controls. Source code here.
WebTUI
A modular CSS library bringing the aesthetics of terminal UIs to the web.
Human
A satirical sci-fi tale where machines create humans as an experiment, only to be amazed—and alarmed—by their emotional resilience.
How to have the browser pick a contrasting color in CSS
Jen Simmons shows how contrast-color() in CSS auto-picks black or white text for better contrast, easing styling but not replacing a11y checks.
Codigo: The Programming Language Repository
A site for discovering, comparing, and staying updated on programming languages with news, code examples, and trends.
Top 10 GSAP x Webflow Community Challenge Demos
GSAP shares 10 standout entries from the GSAP x Webflow animation challenge, showcasing creative and technical excellence in playful demos.
Hyper-Typing
This article critiques “hyper-typing” in TypeScript—overly complex types for perfect safety—arguing simpler types often offer better DX.
Aberdeen
A lightweight JS/TS UI library for building fast, reactive interfaces without a virtual DOM.
The Height Enigma
Josh W. Comeau explains why height: 50% often fails in CSS and how to make percentage heights work with knowable parent heights, Grid, or Flexbox.
GSAP Site of the Week: Inkwell
GSAP named Inkwell its Site of the Week! This polished scroll-driven experience by SavoirFaire©️ uses GSAP’s ScrollSmoother and WebGL magic.
The creative power of constraints
This article explores how creative constraints—whether imposed or self-chosen—can fuel innovation across design, art, and architecture.
LudoGL
Marco Ludovico Perego built LudoGL, a WebGL2-only renderer from scratch to learn deferred rendering and post-processing techniques.
Zed: The Fastest AI Code Editor
Richard Feldman introduces Zed, an open-source AI code editor with a built-in Agent Panel for interactive coding assistance.
Config 2025: Pushing design further
This article updates you on what's new in Figma following Config 2025, including tools like Figma Make, Sites, Grid, Draw, and Buzz that expand its capabilities from design to production.
Clippy
Clippy lets you run LLMs locally with a nostalgic 1990s interface inspired by Microsoft’s original Clippy design.
Guitar Chords in CSS
Mads Stoumann builds a guitar chord visualizer using only CSS, leveraging the new attr() function and grid layout for fretboard rendering.
Making a new form control
Joeri Sebrechts explores building a custom <input> element from scratch with full form support, styling, and validation using only web standards.
LegoGPT
LegoGPT is an open-source model that generates physically buildable LEGO designs from text prompts, using LLaMA fine-tuning and stability checks.
How Node.js Works Behind the Scenes
A deep dive into how Node.js handles async operations with its event loop, libuv, and phases like timers, poll, check, and process.nextTick().
Exploring CSS3DRenderer in Three.js
Yuri Artiukh shares insights on alternative renderers in Three.js, highlighting CSS3DRenderer’s ability to render HTML in 3D space, and how it enables seamless mixing of WebGL and DOM elements.
Adventures in Vibe Coding – Really, Really Big Numbers
Raymond Camden explores "vibe coding" with GenAI to build a large-number formatter in JS using K–AAA-style suffixes (yes, even KFC).
JavaScript, what is this?
Mat “Wilto” Marquis explains how this works in JavaScript, from global to strict mode, arrow functions, events, and binding nuances.
VERT
VERT is a fast, ad-free, open-source file converter that runs locally for most formats and supports images, audio, video, and documents.
Rybbit Analytics
Rybbit is a privacy-friendly, open-source alternative to Google Analytics with a clean UI, real-time dashboards, and GDPR-compliant tracking.
Critical CSS Generator
Generate and inline Critical CSS for faster load times, improved Core Web Vitals, and better performance with this free tool.
The history of album art
The history of album art, from utilitarian sleeves to iconic visual design, driven by pioneers like Steinweiss, Miles, and Fujita.
Are ‘CSS Carousels’ accessible?
Sara Soueidan examines the accessibility pitfalls of experimental CSS Carousels, concluding they're not yet ready for production use.
Internet roadtrip
Neal Agarwal built a collaborative Street View road trip simulator where users vote every 10 seconds on directions—and on changing the radio station.
All the entries from Gamedev.js Jam 2025
Gamedev.js Jam 2025 saw a record-breaking 420 game submissions on the theme "Balance"; voting is open on Itch.io until May 9th.
Using AI to Analyze Chart Images
Raymond Camden tests using Gemini AI to extract structured data and summaries from chart images, finding it reasonably accurate and useful.
GSAP Site of the Week: Aurel’s Grand Theater
This week's Site of the Week is Aurel's Grand Theater by Aurelien Vigne, selected by the GSAP team for its impressive use of animation techniques like ScrollTrigger, MotionPath, and Three.js.
