Build something awesome, standard-based, and uniquely yours!
Web Awesome is the biggest open-source library of meticulously designed, highly customizable, web-standards-based, and framework-agnostic UI components.
Web Standards-Based Readable, Durable, and Framework-Friendly
We're committed to standards-driven design using proven, native web technologies. That's why Web Awesome is built with incredibly readable, utterly stable web components. Web Awesome just works. It needs nothing more than HTML, CSS, and JavaScript, but works well with any of your preferred frameworks.
U.S.S. Enterprise
Transfer Request
Department:
All gain…
And no pain…
UI Components + Patterns Off-the-Shelf Speed and Stability
Move fast and don't break things with our comprehensive library of components and patterns that are ready to use out of the box. No reinventing any wheels here — hit the road instead and build your ideas faster.
Accessibility
Build something that everyone can use — by design and default
Usability
Interaction and affordances that are common sense and commonplace.
Sensible Styling
Buttoned-up styles that are browser-bulletproof.
Hard Things Handled!
Popular page layouts, patterns, and interactions already built out for you.
Put the “U” in UI! Theming that Makes Your Project Feel Custom, Not Cookie-Cutter
Create a cohesive design system that makes your project feel like yours! Whether you get a jump start from an official theme or start from scratch, you can customize every aspect of your project from colors and typography to spacing and rounding.
Mix. Match. Make the styling yours.
Use a theming API complete with a modern CSS-based set of styling knobs…
Effortlessly Push the Right Pixels with our Theme Builder
Quickly see your design choices in action — then ship them live in seconds.
In our roots and :root{} Proudly Open Source
Web Awesome started as an open-source project fueled by contributions from an engaged community of developers, and we want to keep it that way. The core of Web Awesome is — and always will be — free and open source.
Web Awesome will always have a free and open source version. Like the Force, use it wherever and however you'd like – but for good, please.
Community is at the heart of Web Awesome. We welcome anyone to chat, share, and make things more awesome.
If you want Web Awesome Pro-only features, subscribe to Pro. If not, we won't sell you anything or sell your data.
Help Add More Awesome!
Thanks to Web Awesome Kickstarter backers and folks who pre-ordered a Pro subscription, we're able to continue building and improving Web Awesome.
Along with a great sense of pride, a Pro subscription also gets you…
-
Pro Components -
Responsive Layout Tools -
Ever-Growing Pattern Library -
Unlimited Hosted Projects -
Pre-Built Pro Themes -
Pro Theme Builder -
Pro Color Tools -
Official Figma Design Kit -
WA Pro Perpetual License -
Actual Human™ Support
and support the project!
The “We” in Web Awesome Join the Community
Whether you're a developer, designer, or budding tech nerd, we want you to be a part of the conversation.