CSS css-framework

Open-source CSS projects categorized as css-framework

Top 15 CSS css-framework Projects

  • Bulma

    Modern CSS framework based on Flexbox

    Project mention: Bulma Installation Instruction Tutorial | reddit.com/r/u_by-sudhakarinfotech | 2023-01-17

    Simply, you have to visit https://github.com/jgthms/bulma/tree/master/css download the Bulma CSS library, and add it inside the head section of the web page using

  • Spectre.css

    Spectre.css - A Lightweight, Responsive and Modern CSS Framework

    Project mention: Remult: Build a type-safe, full-stack app with TypeScript | dev.to | 2022-09-13

    In this guide, we’ll create a simple booking form and we’ll store the form submissions in a MongoDB collection. We'll build the UI using React and then add styling with Spectre.css.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Metro-UI-CSS

    Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!

    Project mention: does anyone know a 7.css version for windows 10? | reddit.com/r/AskProgramming | 2022-05-08
  • awesome-css-frameworks

    List of awesome CSS frameworks in 2023

    Project mention: Suggest minimal CSS framework | reddit.com/r/Frontend | 2022-11-18

    I need a minimal CSS framework to use as a basis to extend for a new project. I hate bloated CSS frameworks like Bootstrap and Tailwind. My ideal CSS framework would have SCSS components, well thought defaults to deal with different device sized, a decent user-base, a pre-made darkmode and less than 20KB when minimized. I saw a list of css frameworks here, but none have all my criteria. So appreciate your suggestions.

  • sakura

    :cherry_blossom: a minimal css framework/theme.

    Project mention: What is the best way to develop a frontend using only HTML, CSS, Bootrap, JS w/o frameworks? | reddit.com/r/webdev | 2022-11-21

    If you do want to use a framework and get up and running quickly, but you still want to know what's going on and have some ability to customize it, maybe you can start with one of the really minimal CSS frameworks like Milligram or Sakura and then add your own modifications.

  • halfmoon

    Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

  • dropin-minimal-css

    Drop-in switcher for previewing minimal CSS frameworks

    Project mention: What is your go-to site for pure HTML templates? | reddit.com/r/webdev | 2022-09-29

    Here is the list of CSS that work out of the box either with pure HTML, or with minimal amount of classes. Many can be tried in a matter of seconds via unpkg.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • beauter

    A simple framework for faster and beautiful responsive sites

  • natural-selection

    CSS Boilerplate / Starter Kit: Collection of best-practice CSS selectors

    Project mention: Explaining CSS Organisational Layout | reddit.com/r/css | 2022-05-08

    Maybe https://github.com/frontaid/natural-selection can give you some pointers. It is a blueprint of a possible CSS file structure that applies globally. This covers at least 1. and 2. of your example.

  • PotatoCSS

    🥔 Simple CSS framework for hackers. Simple as potato.

  • rececss

    Minimalistic, fully customizable CSS utilities generator

  • bulma-stylus

    A Stylus translation of a modern CSS framework based on Flexbox

  • fire-ui

    A user-friendly and reliable CSS library

  • CSS-Image-Loader

    Add a image loader & image load error (without adding an HTML element or using JS).

    Project mention: Image-Fallback.js: Handle ALL images not found on your website automatically with ease! | reddit.com/r/webdev | 2022-09-20

    Actually there is a pure CSS solution to doing this! Tho it requires adding an extra element or a JS polyfill for webkit devices - see here https://github.com/MarketingPipeline/CSS-Image-Loader

  • sea.css

    sea.css is a simple and easy to use css framework.

    Project mention: Scratch and mange the my blog | dev.to | 2022-09-01

    The design uses a self-made CSS framework -cf.sea.css

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-01-17.

CSS css-framework related posts


What are some of the best open-source css-framework projects in CSS? This list will help you:

Project Stars
1 Bulma 46,731
2 Spectre.css 11,120
3 Metro-UI-CSS 6,965
4 awesome-css-frameworks 5,741
5 sakura 3,600
6 halfmoon 2,809
7 dropin-minimal-css 1,433
8 beauter 126
9 natural-selection 107
10 PotatoCSS 53
11 rececss 33
12 bulma-stylus 30
13 fire-ui 22
14 CSS-Image-Loader 20
15 sea.css 4
Clean code begins in your IDE with SonarLint
Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.