Frameworks
Frameworks are collections of pre-written code that help build websites and applications faster instead of starting from scratch. Think of them as starter kits that provide structure, reusable components, and tools to streamline your development process. Frameworks often include CSS, Javascript, HTML, and sometimes even backend code.
Many frameworks are built by large corporations to help their teams by using the same code and vocabulary. Their products often open-sourced to benefit the wider community.
With so many frameworks available, how do you choose? Often, the decision is based on your team's expertise and the project needs. To get a sense of the most popular frameworks, check out the State of CSS survey.
The W3C has a working group, Open-UI, that often considers incorporating components directly into the HTML language.
Tools
UI Frameworks
- Ant Design
- Blitz.js
- Bootstrap
- Bulma
- Chakra UI
- Circuit UI
- Clarity (VMware)
- Clay (Liferay)
- Element Plus
- Evergreen (Segment)
- Foundation
- Grommet
- Materialize CSS
- Neumorphism.io
- Open Props
- PatternFly
- Quasar
- React Bootstrap
- RedwoodJS | CloudFlare (React)
- Remix
- Semantic UI React
- Svelte Society
- Tailwind CSS
- Lightning Design System
- UIkit
- Charm UI
- Headless UI
- Lit
- Radix UI
- Shoelace
- Stencil