HTML-in-Canvas Experiments
FileEditViewSpecialHelpWed 11:38 AM
Codrops.html
Useful resources and inspiration for creative minds
Featured · Articles

Exploring the HTML-in-Canvas Proposal

A quick look at the HTML-in-Canvas proposal, how it works, and what it enables with a few practical demos.

By Vittorio Retrivi · Apr 30, 2026 · 12 min read

Latest Posts

View all »
Tutorial

Crafting a Liquid Glass Navigation with WebGL

A step-by-step guide to building a refractive, glass-like navigation using shaders and pointer-driven distortion.

Alex Rivera · Apr 18, 2026
Article

Scroll-Driven Typography Transitions with CSS

Using the scroll-timeline APIs to choreograph letter-spacing, weight and size as the reader travels the page.

Jamie Chen · Apr 14, 2026
Tutorial

Procedural Page Transitions on the Web

Combining the View Transitions API with a shader overlay for seamless, cinematic route changes.

Sam Carter · Apr 10, 2026
Playground

Displacement Hover Effects, Revisited

Classic image displacement distortion re-imagined with modern shaders and reduced-motion fallbacks.

Riley Tanaka · Apr 04, 2026
Article

Building an Editorial Grid with Subgrid

A magazine-style layout where rows actually align — thanks to subgrid and container queries.

Morgan Blake · Mar 29, 2026
Tutorial

Physics-Based Card Stacks on the Web

Draggable, tossable, spring-loaded cards that feel satisfyingly tactile — built with a physics engine.

Taylor Reed · Mar 22, 2026
Inspiration

The Return of Brutalist Web Design

Why designers keep coming back to raw HTML aesthetics, and ten recent sites doing it well.

Jordan Ellis · Mar 15, 2026
Tutorial

Animating SVG Paths on the GPU

Skip the DOM — render thousands of animated paths per frame by uploading them as textures.

Casey Nord · Mar 08, 2026
Article

Color Systems for Generative Art

Designing palettes that stay coherent across thousands of randomized outputs — OKLCH, constraints, and taste.

Robin Faure · Mar 01, 2026