Articles about Web Awesome: the open source web component library.
-
Your Design System Should Style Your Words, Too
Web Awesome gives your prose the same design-system treatment as your components: one class for automatic content styling, a full type scale for manual control, and text utilities within reach. Plus CSS @scope keeps it from bleeding where it shouldn't. That's coverage most design systems leave to you. Nearly every product has a blog. Most have documentation and a changelog too. And almost every team ends up styling that content

-
The Art of Iconography and How to Future-Proof Your Design System [Part IV]
![The Art of Iconography and How to Future-Proof Your Design System [Part IV]](/img/built/B91MeufiPL-800.jpeg)
-
WA 3.12: Figma Design Kit 3.0, Dropdown Links, Plus Tooltip Fixes

-
How Does Web Awesome Stack Up Against Shoelace?

-
How to Build and Style Your Visual Design System [Part III]
![How to Build and Style Your Visual Design System [Part III]](/img/built/4LoGFZlXiE-800.jpeg)
-
WA 3.11: Data Grid, New Components, Plus Free Toast

-
The Building Blocks of a Visual Design System [Part II]
![The Building Blocks of a Visual Design System [Part II]](/img/built/7BeCA6B3bh-800.png)
-
Pixel This! A Web Awesome Short-Guide to Visual Cohesion in Design Systems

-
WA 3.10: Random Content and New Pro+ Icons

-
Staying True to Open Source: An Honest Reflection

-
WA 3.9: AI Design Skill and Checkbox Group

-
WA 3.8: Date Picker, Accordion, and SSR

-
Wa 3.7: Wa-Video, Custom Wa-Copy-Button Triggers, and More

-
WA 3.6: Graduation Day for Experimental Components

-
Wa 3.5: Public CDN and <wa-page> for Everyone
