Top 23 CSS Open-Source Projects

• Bootstrap

  32 148,506 9.8 JavaScript

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

  Project mention: Best way of implementing 12 col grid system that drops to 8 col on tablet and 4 col on mobile? | reddit.com/r/webdev | 2021-03-03

  My first thought is use Bootstrap. All the media queries are already setup, the grid system is already setup, and there is a lot of help out there.

• Electron

  20 90,415 9.8 C++

  :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

  Project mention: Signal desktop electron 12 | reddit.com/r/signal | 2021-03-02

  Electron 12 was just released with initial wayland support, does anyone have any kind of rough estimate on when Signal desktop will start using it?

• Scout

  Sponsored scoutapm.com

  Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

• animate.css

  3 69,292 8.0 CSS

  🍿 A cross-browser library of CSS animations. As easy to use as an easy thing. (by animate-css)

  Project mention: Pre-made 2D Animation library like animate.css for Unity2d? | reddit.com/r/Unity2D | 2021-03-01

  I am looking for a generic 2d animation library for static sprites in Unity2d like animate.css (https://animate.style/) is to HTML. Does this exist?

• Font-Awesome

  9 65,094 3.3 JavaScript

  The iconic SVG, font, and CSS toolkit

  Project mention: PrintCSS: A basic CV example | dev.to | 2021-02-27

  For the header let us first define the HTML structure. Our heading will be the first and last name in an H1 element. Next we want to put some links to important websites, like our LinkedIn or GitHub Profile. That these links look nice you can include FontAwesome and add a small icon in front of every link. Last we should put more information about ourselves, like the birthdate, phone number and address.

• html5-boilerplate

  4 49,162 8.0 JavaScript

  A professional front-end template for building fast, robust, and adaptable web apps or sites.

  Project mention: Commenting code | reddit.com/r/learnprogramming | 2021-02-09

  example: HTML5 boilerplate & source code on GitHub

• Front-End-Checklist

  1 48,052 3.9

  🗂 The perfect Front-End Checklist for modern websites and meticulous developers

  Project mention: Useful GitHub repositories for learning Web Development | dev.to | 2021-02-17

  3. Front-End Checklist

• Bulma

  6 42,799 8.3 CSS

  Modern CSS framework based on Flexbox

  Project mention: From standard framework to ITCSS & BEM | dev.to | 2021-03-01

• normalize.css

  4 42,742 0.0 CSS

  A modern alternative to CSS resets

  Project mention: CSS Deep | dev.to | 2021-02-26

  necolas/normalize.css - A collection of HTML element and attribute style-normalizations

• prettier

  25 39,032 9.9 JavaScript

  Prettier is an opinionated code formatter.

  Project mention: FORMATTING HELL | reddit.com/r/reactjs | 2021-03-01

  A lot of people recommend Prettier as an auto-formatter. I use Eslint and StandardJS. There's an option in VS Code that's "format on save" that will correct your formatting automatically. Then I also use Eslint as a pre-commit check with Husky to make sure nothing gets committed without the check.

• anime.js

  5 38,422 5.2 JavaScript

  JavaScript animation engine

  Project mention: Web Effect | dev.to | 2021-03-01

  Anime.js - JavaScript animation engine.

• Materialize

  3 38,382 0.4 JavaScript

  Materialize, a CSS Framework based on Material Design

  Project mention: CSS Deep | dev.to | 2021-02-26

  Dogfalo/materialize - Materialize, a CSS Framework based on Material Design

• parcel

  13 37,732 9.4 JavaScript

  📦🚀 Blazing fast, zero configuration web application bundler

  Project mention: Vue with TSX - the perfect duo!? | dev.to | 2021-03-02

  The reason I’ve just walked you through the generic Vue 2 TSX setup isn’t really to showcase “how to” do it. It’s to show you “how flawed” the whole process is. Sure, it might be useful when converting an existing project or boilerplate, but most of the time, you’ll do just fine with Vue CLI and a proper set of plugins or a no-config bundler like Parcel or Poi. However, this won’t fix the plethora of potential setup issues or lack of in-depth documentation. More than that, none of these ways will grant you proper TSX experience, as you might know it from React.

• Tailwind CSS

  58 37,643 9.6 CSS

  A utility-first CSS framework for rapid UI development.

  Project mention: Making money from open source | dev.to | 2021-03-03

  Credit: tailwindcss.com

• hyperterm

  2 35,329 9.6 TypeScript

  A terminal built on web technologies

  Project mention: What Terminal Emulator is this? | reddit.com/r/commandline | 2021-02-23

  Looks like it may be Hyper. The shell is probably ZSH or Fish - I know there are plugins for both shells to give that kind of autocomplete.

• styled-components

  13 32,787 7.5 JavaScript

  Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  Project mention: Voltar a estudar programação e dinheiro | reddit.com/r/brdev | 2021-03-02

• front-end-interview-handbook

  5 27,674 5.9 JavaScript

  🕸 No-bullshit answers to the famous h5bp "Front-end Job Interview Questions"

  Project mention: Useful GitHub repositories for learning Web Development | dev.to | 2021-02-17

  11. Front End Interview Handbook

• PostCSS

  12 24,115 9.3 TypeScript

  Transforming styles with JS plugins

  Project mention: Here's my website setup... | dev.to | 2021-03-02

  I used to use Sass or Less in my previous projects but this time I wanted to try something new so I went with PostCSS which basically adds a bit of magic to normal CSS.

• Hover

  1 23,843 0.4 CSS

  A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

  Project mention: CSS Deep | dev.to | 2021-02-26

  IanLunn/Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

• iview

  1 23,718 3.0 Vue

  A high quality UI Toolkit built on Vue.js 2.0

  Project mention: New and Noteworthy Vue.js Open Source Projects. Part 1 | dev.to | 2021-01-21

  Website: https://iviewui.com/ GitHub: https://github.com/iview/iview GitHub Stars: 22.8k

• Pure

  0 21,547 6.3 JavaScript

  A set of small, responsive CSS modules that you can use in every web project. (by yahoo)

• NativeScript

  1 19,784 8.9 TypeScript

  NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

  Project mention: Yet another components library recommendation thread... | reddit.com/r/Angular2 | 2021-02-28

  It's worth mentioning that I eventually hope to use NativeScript to convert my Angular web application to a native mobile application (though I've yet to test this out).

• scrollreveal

  2 19,476 1.1 JavaScript

  Animate elements as they scroll into view.

  Project mention: Awesome JavaScript Animation Libraries To Check Out. | dev.to | 2021-02-25

  It is an open source library that helps create full-screen scrolling websites. It is designed to be easy to use and customize, it also has a great documentation on how to get started. It is designed for mobiles and tablets and it is completely responsive. Read more about it 👉 HERE 06- Scroll Reveal

• autoprefixer

  10 19,256 7.7 JavaScript

  Parse CSS and add vendor prefixes to rules by Can I Use

  Project mention: Here's my website setup... | dev.to | 2021-03-02

  Autoprefixer - so I don't have to add -moz or -webkit vendor prefixes to some CSS properties.

Index