How To Make Your Design System AI-Ready — Smashing Magazine

Practical guide on how to reduce drifts, minimize mistakes, maintain context, and improve the quality of AI-generated prototypes. Brought to you by Design Patterns For AI Interfaces, **friendly video...

Using safe-area-inset to build mobile-safe layouts | Polypane

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

CSS `n of` Selectors for Conditional Validation

Blossom Carousel - Native-first carousel library

Enhance native scrolling with dragging instead of replacing it.

cssDOOM

DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.

Micro Frontends: When They Make Sense and When They Don’t

Microservices solved a real problem on the backend: independent deployability, team autonomy, scaling individual pieces. So naturally…

https://buymeacoffee.com/juanbrujo

Contribute to keep me posting useful resources!

Sweetfont — The sweetest way to find Google Fonts

Explore Google Fonts by personality, vibe, and style using interactive controls. Find your perfect typeface.

Dembrandt | Extract, Track and Compare Design Tokens

Extract design tokens from any website with one command. Track token drift, compare snapshots over time, and audit your design system.

OpenGraph

Modern CSS snippets. Every old hack, replaced.

Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.

The MCSS by Mike Mai

A modern classless CSS framework inspired by the typefaces of Matthew Carter.

HotFX

HotFX is a collection of HTML custom elements for common UI patterns and special effects

Vue Bits

An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.