Gabo's Awesome CSS Frameworks and UI Libraries

An extensive list of Awesome CSS Frameworks and UI Libraries based on Awesome CSS Frameworks.

The Big Ones

Frameworks with more than ~10K GitHub Stars.

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Ant Design - Official Site

An enterprise-class UI design language and React UI library.

Material-UI - Official Site

React components for faster and easier web development. Build your own design system, or start with Material Design.

Tailwind CSS - Official Site

A Utility-First CSS Framework for Rapid UI Development. Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no built-in UI components. On the flip side, it also has no opinion about how your site should look and doesn't impose design decisions that you have to fight to undo. If you're looking for a framework that comes with a menu of predesigned widgets to build your site with, Tailwind might not be the right framework for you. But if you want a huge head start implementing a custom design with its own identity, Tailwind might be just what you're looking for.

Semantic UI - Official Site

Semantic is a UI component framework based around useful principles from natural language. Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.

normalize.css - Official Site

A modern, HTML5-ready alternative to CSS resets. Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

Bulma - Official Site

Bulma is a free and open source CSS framework based on Flexbox. It's 100% Responsive (Designed for mobile first), Modular (Just import what you need) and Modern (Built with Flexbox).

Materialize - Official Site

Materialize, a CSS Framework based on Material Design.

Material Design Lite - Official Site

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Material Design Lite is now in limited support, with development having moved to the Material Components for the web repository.

Foundation - Official Site

Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes a fully customizable, responsive grid, a large library of Sass mixins, commonly used JavaScript plugins, and full accessibility support.

Chakra UI - Official Site

Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications.

react virtualized - Official Site

React components for efficiently rendering large lists and tabular data.

Pure - Official Site

A set of small, responsive CSS modules that you can use in every web project. Pure is meant to be a starting point for every website or web app. We take care of all the CSS work that every site needs, without making it look cookie-cutter.

React-Bootstrap - Official Site

Bootstrap components built with React.

ReactAdmin - Official Site

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

Blueprint - Official Site

Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications which run in modern browsers and IE11. This is not a mobile-first UI toolkit.

NES.css - Official Site

NES.css is a NES-style(8bit-like) CSS Framework.

Skeleton - Official Site

A dead simple, responsive boilerplate. Light as a feather at ~400 lines & built with mobile in mind. Styles designed to be a starting point, not a UI framework. Quick to start with zero compiling or installing necessary. It's no longer maintained.

UIkit - Official Site

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Material Components Web - Official Site

Material Components for the web (MDC-Web) helps developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional web projects. Material Components for the web is the successor to Material Design Lite.

Fluent UI - Official Site

A set of React components for building Microsoft web experiences. Fluent UI React is a collection of robust React-based components designed to make it simple for you to create consistent web experiences using the Fluent Design Language.

MJML - Official Site

The only framework that makes responsive email easy. MJML redefines the way you code responsive email.

Semantic-UI-React - Official Site

The official Semantic-UI-React integration.

Evergreen - Official Site

Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment. Works out of the box, Flexible & composable and Enterprise-grade.

Primer - Official Site

The CSS design system that powers GitHub. Resources, tooling, and design guidelines for building interfaces with GitHub’s design system

Spectre.css - Official Site

A Lightweight, Responsive and Modern CSS Framework. It's a Lightweight (~10KB gzipped) starting point for your projects, it's Flexbox-based, responsive and mobile-friendly layout and it's Elegantly designed and developed elements and components. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.