Frameworks with more than ~3 years without updates or officially no longer maintained.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.
ALUX the Fast HTML5 Framework for Awesome Light User Experience. ALUX is a Lightweight Framework (25K) for Creating Super-Fast and Beautifully Responsive Web Apps. The Framework is built with HTML/CSS and pure Javascript. Dependencies Free, no jQuery but with a wide range of features: Grids, Sliders, Menus, Animations, Typography, Forms, Buttons & more. Easy, Light, Fast, Flexible.
Antwort - No Official Site
Beautiful responsive email templates with code as beautiful as email templates can be. Antwort offers responsive layouts for Email that both fits and adapts to client widths. Don't underwhelm desktop users with single column layouts that work for mobile. Antwort offers columns on desktop that automatically become rows on mobile.
CSS (SCSS) grid, base on CSS grid layout with @supports fallback to flexbox (partial support).
avalanche establishes the foundation for a package based CSS workflow. Heavy weight CSS toolkits often stay in your way when creating unique looking experiences or they lead to a rather bland design. But you don't have to reinvent the wheel for every new project either. avalanche provides building blocks for you to handpick and integrate into your workflow.
Base - No Official Site
Base is a semantic, lightweight and extensible framework to power the next generation of responsive websites.
A Rock Solid, Responsive CSS Framework built to work on all devices big and small. Lightweight and minimal code. Spend less time overriding styles and focus more time on creating beautiful website applications.
Low-Level CSS Toolkit. Lightning Fast Modular CSS with No Side Effects.
Beauter provides a minimal range of beautiful elements and styles in pure vanilla CSS which makes it easier to start with a cleaner and faster development. It's Mobile First, responsive across various devices with a very small footprint, 6kb gzipped!, which makes it faster.
Configurable React Components with great UX. Belle provides you with a set of React components like Toggle, ComboBox, Rating, TextInput, Button, Card, Select and soon many more. All of the components are optimized to work both on mobile & desktop devices.
A small (less than 2 KiB) CSS framework. A beautiful CSS framework under 2kb (minified and gzip).
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
Bonsai CSS is a super lightweight, fully responsive, utility first framework. All you need to build build beautifully crafted web interfaces with ease.
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.
Minimal UI framework for React built with TypeScript and styled-components. The library of reusable UI components for React, made in minimalistic and light style, adopting modern technologies and approaches.
BuddyCSS - No Official Site
BuddyCSS is a CSS/JS framework. BuddyCSS is a simple CSS framework to build awesome websites easily.
Cardinal is a modular, “mobile-first” CSS framework built with performance and scalability in mind. The purpose of this framework is to make it easier for front-end web developers to prototype, build, scale, and maintain CSS for responsive websites, user interfaces, and applications. Cardinal omits many aesthetic design decisions that often bog down other CSS frameworks (which are often UI toolkits, not frameworks), leaving the design and creativity up to you.
Centurion is a web-based framework for rapid prototyping and building larger web projects. Centurion is a responsive framework built for speed, simplicity, and flexibility. Originally based loosely on the 960 grid built by Nathan Smith, Centurion boasted a responsive grid system that would help alleviate the headache of building responsive designs. Like all web projects it grew and started to capitalize on several different areas like: typography, buttons, tables, and more in order to create a seamless framework that could allow web developers to start up a new project easily without the need to override every little piece.
Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
Focus on the content and structure of your HTML. This is just a silly idea, a CSS "library" that styles tags directly — as opposed to using class names as style hooks — to help people become more familiar with how to use semantic HTML.
Responsive Grid System. No Bull, Just Cute. Clean Base for your Responsive Design. Cute grids was made from the frustration of today's world full of large overbuilt frameworks that can be overkill for most projects and restrict the creativity of the designer with too many inbuilt design features that can make even the most creative person lazy.
A sassy, opinionated CSS Framework. A tiny alternative to Bootstrap. There are plenty of amazing front end frameworks already, such as, Bootstrap and Foundation. However, if you're looking for something in between normalize.css and a full blown framework, meet Cutestrap. Cutestrap is only 8kb of CSS.
Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4. The basic idea behind this project is to combine the front-end technology of the popular Bootstrap framework with the visual language of Google Material Design.
Dead Simple Grid is a responsive CSS grid micro framework that is just that. Dead simple.
A flexible and beautiful UI framework for React.js. A UI Toolkit for React.js Websites and Apps.
A React Component library for buliding modern applications easily & quickly.
The email boilerplate for sending out nicely formatted messages.
Build responsive email templates confidently. The HTML email framework developed to help you build responsive HTML email templates using the pre-built grid options and basic components you need to build responsive HTML email templates. This HTML email framework support's over 60+ email clients and has been thoroughly tested using Litmus.com.
Emerald is an opinionated responsive grid system written in LESS. Mobile-first responsive choreography. It is your job to create a layout. It is Emarald's job to be so flexible to let you do that. Emerald features globally-sized columns which are truly nestable. It is inline-block element based, meaning there are no floats, clears or rows.
FICTOAN is an intuitive, minimalist, responsive HTML+CSS boilerplate. It aims to be an intuitive and design-centric CSS framework for creating and themeing on projects easily. It uses simple and descriptive class names, and yet generic enough to be understood easily.
A lightweight CSS library that provides a set of predesigned elements for a fast web development. It follows a modern "flat" design using high contrasts and sharp borders.
A grid system based on the flex display property.
A grid system based on the flex display property.
Simple, clean and no fuss flexbox based grid. With simple and human readable class names, you can get up and running with Flexit in no time.
HTML is almost 100% responsive by default. These 247 bytes of css fix the 'almost' part.
Fluent Kit - No Official Site
Fluent Kit WAS (author removed all about it) a Fluent Design inspired UI kit based on the latest Bootstrap. A library introducing Fluent Design to the Web, built on top of the most popular frameworks to keep the development process as simple as possible.
Flex Row CSS Grid System. Frow is an open source HTML and CSS framework for creating quick & responsive projects on the web, powered by Flexbox.
A dead simple, customisable, flexbox-based griddd. It's Responsive, Lightweight and Customisable.
GroundworkCSS 2 - No Official Site
GroundworkCSS 2 (author removed all about it). Say hello to responsive design made easy. GroundworkCSS is a fully responsive HTML5, CSS and Javascript toolkit created by @ghepting. Using GroundworkCSS, you can rapidly prototype and create accessible web apps that work on virtually any device.
Handdrawn.css lets you prototype your web site with a hand drawn look and feel.
Quickly craft clean, responsive emails. HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites.
Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects. inuitcss is a framework in its truest sense: it does not provide you with UI and design out of the box, instead, it provides you with a solid architectural baseline upon which to complete your own work.
InvisCSS is designed to bring you the core of a good Css library without the cruft. That is, it's not filled with styles that are only used by developers and designers for their own websites. The default styling is minimal so that it's easier to extend and modify, by you. Unlike bootstrap and most CSS templates, which requires a developer to excessively 'opt-in' by specifying classes all over the place, InvisCSS uses a few simple 'opt-in' classes at the base of an HTML branch.
Katana is sharp CSS Layout System made with Flexbox. Katana is ultra minimal CSS Framework made with few lines of Sass. Default parameters are: 12 columns, 15px margin and 94% main width. But you can personalise anything, just change the numbers. Plus you have ultra cool fluid column.
Kayzen-GS is a powerful framework for building responsive grid systems for the web. A responsive, flexible and dynamic grid system based off inline-block columns.
A complete CSS framework for Stylus.
Kube ("kyu:b") is a web framework for professional developers and designers alike. Kube is built and designed to provide the most flexible yet powerful CSS framework to the community. Unlike many other web frameworks, Kube is great for both super-fast bootstrapping and for a serious cutting edge, future-proof web development. Kube is a wireframe, a skeleton for your project, in a way. It doesn’t impose design styles or code decisions; it does require fluency and proficiency with latest HTML and CSS technologies, though.
Minimalistic CSS framework. A set of CSS rules & basic user-interface components. Built primarily for my site box2unlock.com but released publicly as it might be useful as a foundation for other projects out there. Plain and simple.
A minimalist's typography focused and responsive framework for the web.
lyt - No Official Site
A flexible and highly configurable CSS layout library. Designed to be tweaked.
HTML Email Layouts by MailChimp. Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails. They include template language elements that make them customizable when imported into a MailChimp account, as well as merge tags that will generate dynamic content when sent through MailChimp.
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.
Material Design version of Foundation for Sites by Zurb.
Materialize, a CSS Framework based on Material Design.
Material web, also known as Material Web Components or MWC, is a library of web components that follows Google's Material Design guidelines.
Metro 4 Components Library for React. Sleek, intuitive, and powerful front-end framework for faster and easier web development. Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style.
A minimalist CSS framework. Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code. Hope you enjoy!
mini.css - No Official Site
Minimal, responsive, style-agnostic CSS framework. mini.css is a lightweight CSS framework (under 7KB gzipped) designed with mobile devices and modern browsers in mind. Responsiveness, ease of use and customization are some of the main features of the framework, while accessibility and extensive documentation are some of the secondary focuses of the project. The framework is written using Sass, while most of its components are based on Flexbox.
Lightweight, scalable, mobile-first CSS framework. The default bundle of Mobi.css provides the basic styles to build clean and elegant webpages. It's only 2.6kb after gzipped, and it's very easy to get started. Plugin system makes css scalable. You can import plugins to enhance Mobi.css, or use the plugin as a standalone css library. Mobi.css focus on the details and provides the best user experience, especially for content-rich webpage. It's designed for mobile, but also works awesome on desktop.
mono/color is a very small yet full-featured, simple and beautiful CSS-only framework built with responsivity, readability, modularity, and a dual-theme in mind. It's perfect for a blog or a documentation site and can be used for anything else as well. It's very responsive and looks neat on any resolution.
MUELLER is a modular grid system for responsive/adaptive and non-responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.
MUI is a lightweight CSS framework that follows Google's Material Design guidelines. MUI is designed from the ground up to be fast, small and developer friendly. By design it only includes the basic components you need to build a site that follows Google's Material Design guidelines.
A starter CSS framework that actually looks good.
A lightweight and flexible Sass grid made to with Bourbon
NES.css is a NES-style(8bit-like) CSS Framework.
A classless CSS framework to write modern websites using only HTML. It weighs 4.8kb. All it does is set some sensible defaults and styles your HTML to look reasonable.
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.
One-Nexus is a front-end boilerplate and UI toolkit built using the Synergy framework, combined with a custom grid system; Kayzen-GS. Together they form a powerful framework for building responsive websites with modular and configurable components.
Paeroa CSS is a completely clean framework, inspired by Tacit CSS. It follows clean and simplicity; stylish with flexibility with the ability to override styles with another style sheet.
Pavilion CSS Framework. A solid starting point without the bloat. Pavilion is a simple CSS framework for developers who tend to never use the countless pre-defined UI components other frameworks ship with. If you are looking for a a simple, lightweight and customizable CSS starting point without the bloat, Pavilion might be for you.
A simple, responsive, and tiny CSS grid for humans. 4kb, Mobile First Grid System, HTML5 Boilerplate Head, Inspired by Simplicity and Control, IE8+, Firefox, Chrome, Safari, Opera, Free to use and Abuse.
A lightweight, responsive email framework. Pine is a responsive email framework made for email developers. With a focus on clean code, reusability, and utility classes, it is lightweight, easy to learn, and has solid email client compatibility.
A versatile CSS Framework. Simple, light and responsive!
Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap. It's the combination of Material Design and Bootstrap that makes your web app more attractive, consistent, and functionally powerful.
Works like auto-layout by aligning and distributing. Capable of 12-column layouts, packery, & masonry. Perfect for components.
Bootstrap your application with beautiful Material Design Components. React Toolbox is a set of React components that implements Google Material Design specification. It's built on top of some the trendiest proposals like CSS Modules (written in SASS), Webpack and ES6. The library harmoniously integrates with your Webpack workflow and it's easily customizable and very flexible.
React primitive UI components built with styled-system.
A minimal CSS library.
Rimble is an open-source library of React components and guides to help you make dApps everyone can use. Decentralized applications (dApps) require users to learn new patterns and they present new hurdles for designers and front-end developers. Rimble is here to make life easier for everyone. As an open source project, Rimble aims to create common dapp UX patterns, validated through user research, and built for developers.
A modular, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box. Light. Responsive. Ready.
An SCSS framework & UI library for Dropbox Web.
Shards React is a free, beautiful and modern React UI kit based on Shards.
This is an easy to use CSS framework created to boost your web design productivity. It provides a solid base of elements that can be used for any kind of design and it doesn't contain complex rules or elements, so it's quite easy to customize and to add new personal improvements.
Simple Grid is a CSS grid for your website. Responsive, light, simple. It is a mobile-first 12-column CSS grid system to make developing responsive websites easy and fast.
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.
Spark is a lightweight web design framework based on the mobile-first approach to responsive web design. Using media queries powering a responsive grid, Spark makes it easy to build professional looking pages in minutes. It's designed to be simple to use with intuitive class names and easy to customize with a nonintrusive approach: with the exception of some basic styling and resets, you only add Spark classes to the elements you actually need styled.
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.
Strawberry is a new flexbox based CSS micro-framework. A set of common flexbox's utilities focused on making your life easier and faster with nested flexboxes.
Stylizer is a Open-source CSS Framework that make web design flat, is based on the visual aspect, the framework offers you a clean and easy work
A Material Design CSS only framework. Design philosophy and aesthetics inspired by Google's Material Design. Super Lightweight: One file. 5.7kb minified and Gzipped. 100% CSS only. Absolutely zero Javascript. As of 26th Sept 2017, this repo is no longer being actively maintained.
Synergy - No Official Site
Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects.
Open source, lightweight, modern CSS framework built with Flexbox. A fresh new take on a Flexbox CSS framework built with only the essentials, so you can get started with web design! A framework unlike Bootstrap or Foundation, that includes WAY too many components you will never use and will bloat up and slow down your website. No, this framework is built to be lightweight, easy to use, and only built with the essentials you will need!
A CSS survival kit. Includes only the essentials to make camp. Pulling inspiration from outdoor survival, Tent CSS is unglamorously simple and robust. The framework is designed to be used as a foundation for building websites. We'll leave application and kitchen sink development to other frameworks.
A highly-customizable, responsive (S)CSS grid.
CSS for clean and fast web apps. Performance is our #1 goal. Every component we design is benchmarked for performance. We have the building blocks to get you up and running fast. Our growing set of components were born from CSS. We love our theme, but we don’t want to hit your brand over the head with it. Just add colors and voila! We are basing our architecture on BEM make your apps faster, less contextual and easier to manage.
Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
Typebase.css is a minimal, customizable typography stylesheet. It has both less and sass versions so it can easily be modified and merged into modern web projects. It provides all the necessary scaffolding for good typography without adding any aesthetics. It is built to be modified as projects evolve and grow, and plays nice with normalize.css.
Responsive, fully customizable & mobile first CSS flexbox grid framework
/ system based on Sass (SCSS), which you never seen before. The main
reason that I wrote yet another grid system, was the fact that I can't
found any grid system, which would give me the possibility to create
functional grid in short time... unlimitedGrid is a collection of
functions principles and rules, by which you can easily and fast
create an attractive and (ultra) functional grids.
A colorful css framework made by a human not an Ai. Unnamed is a simple colorful css framework that is recommended to be used while learning something and you're too lazy to style your components or for building prototype.
Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages.
W3.CSS (CSS Framework). Official framework added by author Jan Egil Refsnes.
An easy to use flexbox grid system. Light weight, Responsive and Customisable.
Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer. Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you.
Webplate - No Official Site
Webplate is an awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use.
A React UI Kit powered by Tailwind.
A beautiful CSS framework designed for minimalists. Intuitive, Lightweight and Beautiful. Everything you need to create a basic project is included, all in a 2kb file (minified + gzipped). On top of that, almost everything is styled automatically, without the need for learning specific classes. This allows for an intuitive experience developing with Wing, as it's designed to be a boilerplate stylesheet for any project.
Wipe.css - No Official Site
Dear Dev, stop suffering and resetting styles for every new project. Wipe.css is a library to reset default styles with some opinionated and great changes, that you'll love or not.
Wireframe CSS - No Official Site
A minimal CSS framework for wireframing.
YetAnotherCSS Framework is a new utility and component based modern framework. This simple to use framework is inspired by the Tailwind framework with some extra predefined components you can use. There are a lot of beautiful prestyled components you can use and customize easily with the help of the utility based classes and colors.
Zen Grids is an intuitive, flexible grid system that leverages the natural source order of your content to make it easier to create fluid responsive designs. With an easy-to-use Sass mixin set, the Zen Grids system can be applied to an infinite number of layouts, including responsive, adaptive, fluid and fixed-width layouts.