CSS Frameworks

Discover the best open-source CSS frameworks to build fast, responsive, and visually appealing websites (including shadcn from Vercel). This curated list includes lightweight and feature-rich tools for any web project. Elevate your web development with these recommended CSS frameworks and start designing like a pro!

Projects

  1. tailwindcss icon

    #1tailwindcss

    A revolutionary utility-first framework that transforms web development with its intuitive approach to building custom user interfaces. Experience rapid development and unmatched flexibility with Tailwind CSS.

    84k•4k•TypeScript•MIT
    Screenshot of tailwindcss website
  2. bulma icon

    #2bulma

    A modern and flexible CSS framework that leverages Flexbox technology to create responsive layouts. This lightweight solution offers comprehensive styling capabilities without JavaScript dependencies.

    49k•3k•CSS•MIT
    Screenshot of bulma website
  3. bootstrap icon

    #3bootstrap

    A powerful front-end framework that revolutionizes web development with intuitive design components, responsive grid system, and extensive UI elements. Transform your projects with this comprehensive toolkit.

    171k•78k•JavaScript•MIT
    Screenshot of bootstrap website
  4. Semantic-UI icon

    #4Semantic-UI

    A powerful UI framework offering 50+ elements and 3000+ CSS variables for building responsive websites. This framework enables developers to create beautiful interfaces with intuitive JavaScript and works seamlessly with React, Angular, Meteor, and Ember.

    51k•4k•JavaScript•MIT
    Screenshot of Semantic-UI website
  5. pure icon

    #5pure

    A lightweight and versatile CSS framework offering responsive design, customizable grids, and cross-browser compatibility. Transform your web projects with this minimalist toolkit that delivers exceptional performance at just 3.7KB minified + gzip.

    23k•2k•JavaScript
    Screenshot of pure website
  6. uikit icon

    #6uikit

    A powerful and lightweight front-end framework that offers modular components for building modern web interfaces. This versatile toolkit enables rapid development with a comprehensive set of pre-built elements.

    18k•2k•HTML•MIT
    Screenshot of uikit website

  7. #7foundation-sites

    A cutting-edge responsive front-end framework that transforms prototypes into production-ready websites and applications. Featuring a customizable grid system, extensive Sass mixins, and built-in JavaScript plugins for seamless device compatibility.

    29k•5k•HTML•MIT
    Screenshot of foundation-sites website