Vanilla CSS is all you need

This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).

Modern CSS has evolved to include native variables, nesting, container queries, and advanced features like :has() and color-mix(), making build tools and preprocessors unnecessary for many projects. An analysis of three production applications from 37signals (Campfire, Writebook, and Fizzy) reveals a consistent nobuild CSS architecture using OKLCH colors, character-based spacing, semantic component classes with minimal utilities, and progressive adoption of cutting-edge CSS features. The approach demonstrates that vanilla CSS can handle real-time chat, publishing platforms, and project management tools with 14,000 lines across 105 files, achieving sophisticated interactions like animated dialogs, dynamic theming, and stateful UI without JavaScript or build steps.

#webdev

#css

#frontend

#tailwind-css

#design-systems

Dec 07, 2025•11m read time•From zolkos.com

Table of contents

The Tailwind Question The Architecture: Embarrassingly Simple The Color System: Consistent Foundation, Evolving Capabilities The Spacing System: Characters, Not Pixels Utility Classes: Yes, They Still Exist The :has() Revolution Progression The Loading Spinner A Better <mark>Dialog Animations: The New Way What This Means for You