Top CSS Framework for Modern Web Design

Cirrus CSS Framework

A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Cirrus is designed to integrate with any existing design or use it to kick start your next project.

Bootstrap CSS Framework

Bootstrap is a web framework that focuses on simplifying the development of informational sites (as opposed to Web applications). As such, the main factor is whether the developers in charge have found those options to their preferences. Bootstrap also comes with several JavaScript components in the form of jQuery plugins. Each Bootstrap component includes an HTML structure, CSS declarations, and in some cases attached to JavaScript code. Bootstrap's most prominent components are its composition elements, as they affect the entire site. A pre-compiled version of Bootstrap is available in the form of a CSS file and three JavaScript files can be easily added to any project. However, Bootstrap's raw form allows developers to deploy custom and size optimizers even further.

Bulma CSS Framework

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Fomantic-UI CSS Framework

Fomantic-UI is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Fomantic-UI is a community fork of Semantic-UI.

Foundation CSS Framework

A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. They are constantly adding new resources and code snippets, including these handy HTML templates to help get you started!

UIkit CSS Framework

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

Spectre CSS Framework

Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.

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.

Primer CSS Framework

Design, build, and create with GitHub’s design system.

Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer.

Tachyons CSS Framework

Built for designing.

Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

Blaze UI CSS Framework

Framework-free open source UI toolkit. It provides great structure for building websites quickly with a scalable and maintainable foundation.

Base CSS Framework

Base - A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.

Lightweight and minimal code. Spend less time overriding styles and focus more time on creating beautiful website applications.

Carbon Design System CSS Framework

Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

PatternFly CSS Framework

PatternFly is an open source design system created to enable consistency and usability across a wide range of applications and use cases. PatternFly provides clear standards, guidance, and tools that help designers and developers work together more efficiently and build better user experiences.

turretcss CSS Framework

Developed for design, turretcss is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.

HiQ CSS Framework

HiQ. A high-IQ CSS framework.

Jump-start your styling with a lightweight, easily customizable framework that is built with CSS custom properties and modern best practices.

Metro UI CSS Framework

Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful plugins. Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style and not only.

Tailwind CSS Framework

A utility-first CSS framework for rapidly building custom designs.

Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Materialize CSS Framework

A modern responsive front-end framework based on Material Design.

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.