Full-bleed layout with negative margins instead of grid, using container queries to avoid problems with the scrollbar

Full-bleed layout with negative margins instead of grid, using container queries to avoid problems with the scrollbar

The Field Guide to CSS Grid Lanes — masonry layouts in pure CSS, no JavaScript required. Syntax reference, interactive playground, real-world demos.

Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…

Apply realistic glass refraction, blur, chromatic aberration, and lighting effects to any HTML element using WebGL shaders.

A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.

A minimalist design exploration by Oskar Wickström.

A minimalist design exploration by Oskar Wickström.

A minimalist design exploration by Oskar Wickström.

A class-less example inspired by shadcn components.

Argues that JS isn’t as necessary anymore, and that CSS can replace many niches previously filled by JS. Some strategies for avoiding JS.

Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.

A stylesheet without classes (mostly) that uses plain HTML attributes to style (semantic). Great!

A CSS stylesheet that uses ARIA attributes (mostly) for styling, which is a great idea.