Web Awesome

Web Awesome is an open source library of framework-agnostic UI components built on web standards. It works with plain HTML as well as with the major frontend frameworks.

Web Awesome ships more than 50 components, along with CSS utility classes, themes and page layout components. You can add it with a stylesheet and a loader script, which makes a quick test possible in a single HTML file. It also installs through npm for larger projects. The library supports light and dark modes and includes localization for more than 30 languages, so the same components can be used in many regions.

• More than 50 web components
• CSS utility classes for layout and spacing
• Themes with light and dark modes
• Page layout components
• Localization for more than 30 languages

Teams that want one set of components across several frameworks, and developers who prefer plain HTML with web components. Design system groups that need a shared component library will also find it a good starting point.

Web Awesome is open source under the MIT license, so the core library is free to use. The site also offers Pro add-ons such as design patterns and a Figma kit, so check what is included in each plan. A basic setup needs only a stylesheet and a loader script, which makes it easy to try out.