Courses & TutorialsProgramming

Awesome CSS Frameworks – Massive Collection of Resources

Awesome CSS Frameworks

List of awesome CSS frameworks.
Supported by FrontAid CMS:

 

Contents

Base / Reset / Normalize

  • normalize.css – Modern, HTML5-ready alternative to CSS resets.

    Repo
    | #CSS

  • sanitize.css – The best-practices CSS foundation.

    Repo
    | #CSS

  • minireset.css – Tiny modern CSS reset.

    Repo
    | #Sass

  • inuitcss – Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.

    Repo
    | #SCSS

  • ress – Modern CSS reset.

    Repo
    | #CSS

  • modern-normalize – Normalize for Chrome, Firefox, and Safari only (no support for Edge or Internet Explorer).

    Repo
    | #CSS

Class-less

Frameworks that use semantic HTML and do not rely on classes.

  • Water.css – Just-add-CSS collection of styles to make simple websites just a little nicer.

    Repo
    | #CSS

  • sakura – Minimal classless CSS framework/theme.

    Demo,
    Repo
    | #SCSS

  • Marx – Classless CSS reset.

    Docs,
    Repo
    | #SCSS #Stylus

  • Tacit – CSS framework for dummies, without classes.

    Repo
    | #SCSS

  • awsm.css – CSS library for semantic HTML markup without classes, attributes, etc.

    Demo,
    Repo
    | #SCSS

Very Lightweight

Frameworks that are smaller than ~5KB.

General Purpose

  • Bootstrap – The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

    Demo,
    Docs,
    Themes,
    Repo
    | #SCSS

  • Semantic UI – User interface is the language of the web.
    Note: The project seems to be inactive but there is an active fork called Fomantic UI.

    Docs,
    Repo
    | #LESS

  • Bulma – Modern CSS framework based on Flexbox.

    Demo,
    Docs,
    Repo
    | #Sass

  • Foundation – The most advanced responsive front-end framework in the world.

    Docs,
    Repo
    | #SCSS

  • UIkit – Lightweight and modular front-end framework for developing fast and powerful web interfaces.

    Demo,
    Docs,
    Repo
    | #LESS #SCSS

  • Spectre.css – Lightweight, responsive and modern CSS framework.

    Docs,
    Repo
    | #SCSS

  • Tachyons – Quickly build and design new UI without writing CSS.

    Demo,
    Docs,
    Repo
    | #CSS

  • Primer – CSS framework that powers GitHub’s front-end design.

    Docs,
    Repo
    | #SCSS

  • Carbon Components – Component library behind IBM’s Carbon Design System.

    Docs,
    Repo
    | #SCSS

  • Blaze UI – Open source modular toolkit providing great structure for building websites quickly with a scalable and maintainable foundation.

    Demo,
    Docs,
    Repo
    | #SCSS

  • PatternFly – UI framework for enterprise web applications.

    Demo,
    Docs,
    Repo
    | #SCSS #LESS

  • Base – Rock solid, responsive HTML/CSS framework.

    Docs,
    Repo
    | #SCSS #LESS

  • turretcss – Responsive front-end framework for accessible and semantic websites.

    Demo,
    Docs,
    Repo
    | #CSS

  • Cirrus – Responsive and comprehensive CSS framework with beautiful controls and simplistic structure.

    Docs,
    Repo
    | #CSS

  • HiQ – Simple CSS foundation with responsive typography and input styling.

    Docs,
    Repo
    | #PostCSS

Material Design

Specialized

  • Tailwind CSS – Utility-first CSS framework for rapid UI development.

    Docs,
    Repo
    | #CSS

  • NES.css – NES-style CSS Framework.

    Docs,
    Repo
    | #SCSS

  • 98.css – CSS library for building interfaces that look like Windows 98.

    Repo
    | #CSS

  • Gutenberg – Modern framework to print the web correctly.

    Demo,
    Repo
    | #SCSS

  • Tufte CSS – Style your webpage like Edward Tufte’s handouts.

    Repo
    | #CSS

  • Bojler – Email framework for developing responsive and lightweight email templates.

    Docs,
    Repo
    | #SCSS

Toolkits

Toolkits are closer to a library than to a framework.
They do not provide actual styling but utilities (e.g. mixins) that you can use in your CSS preprocessor.

Stalled Development

Frameworks that have not seen any real development for more than about one year or officially have been deprecated.
We are keeping them here for reference/inspiration and hope for a revival.

Show Section

Related Post:

Awesome CSS

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button