Skip to main content

Tag: Tailwind CSS

4 posts

Posts
A slow-motion water droplet frozen in time

Systematic prefers-reduced-motion Across a Component Library

Auditing every animated component for motion sensitivity reveals which animations are decorative and which need static alternatives.

2 min read
An open style guide book with color swatches and typography samples

Documenting Design Tokens for Developer Experience

Documenting 100+ theme tokens for a Tailwind CSS 4 component library so developers pick semantic names instead of guessing gray values.

2 min read
Wooden letterpress type blocks arranged in rows

Building a Typography System for a Next.js Design System

Auditing three competing heading systems and consolidating them into a variant-based Heading/Text API that serves as a single typography source of truth.

1 min read
Neatly organized colorful building blocks arranged in a grid pattern

From Wrapper Hell to One Source of Truth

Promoting kit wrappers into a shared-ui library with typography variants and layout primitives eliminates 2,000 lines of duplication.

3 min read