Articles about Web Awesome: the open source web component library.

  1. Random Content, On Purpose

    We built ten small demos with one Web Awesome component and a lot of dumb greeting copy. Some of them we'd ship tomorrow. A couple we'd argue about first. <wa-random-content> is one of the smaller components in Web Awesome, and one of our favorites. You give it some children, it shows one at random. That's the whole thing. No script, no array of strings hiding in your component logic. <wa-random-content>

    Random Content, On Purpose
  2. Your Design System Should Style Your Words, Too Your Design System Should Style Your Words, Too
  3. 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]
  4. WA 3.12: Figma Design Kit 3.0, Dropdown Links, Plus Tooltip Fixes WA 3.12: Figma Design Kit 3.0, Dropdown Links, Plus Tooltip Fixes
  5. How Does Web Awesome Stack Up Against Shoelace? How Does Web Awesome Stack Up Against Shoelace?
  6. How to Build and Style Your Visual Design System [Part III] How to Build and Style Your Visual Design System [Part III]
  7. WA 3.11: Data Grid, New Components, Plus Free Toast WA 3.11: Data Grid, New Components, Plus Free Toast
  8. The Building Blocks of a Visual Design System [Part II] The Building Blocks of a Visual Design System [Part II]
  9. Pixel This! A Web Awesome Short-Guide to Visual Cohesion in Design Systems  Pixel This! A Web Awesome Short-Guide to Visual Cohesion in Design Systems 
  10. WA 3.10: Random Content and New Pro+ Icons WA 3.10: Random Content and New Pro+ Icons
  11. Staying True to Open Source: An Honest Reflection Staying True to Open Source: An Honest Reflection
  12. WA 3.9: AI Design Skill and Checkbox Group WA 3.9: AI Design Skill and Checkbox Group
  13. WA 3.8: Date Picker, Accordion, and SSR WA 3.8: Date Picker, Accordion, and SSR
  14. Wa 3.7: Wa-Video, Custom Wa-Copy-Button Triggers, and More Wa 3.7: Wa-Video, Custom Wa-Copy-Button Triggers, and More
  15. WA 3.6: Graduation Day for Experimental Components WA 3.6: Graduation Day for Experimental Components