CSS

Open-source projects categorized as CSS | Edit details
Related topics: #HTML #JavaScript #React #Sass #Scss

Top 23 CSS Open-Source Projects

  • GitHub repo Bootstrap

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

    Project mention: How to Build a To-do app with Svelte, Strapi & Tailwind CSS | dev.to | 2021-07-22

    Tailwind CSS is a utility-first CSS framework use for writing CSS in a composable fashion right in your HTML. It is a powerful utility that allows you to build modern, pixel-perfect, and fully responsive interfaces without writing your custom CSS. Unlike Bootstrap, Tailwind CSS is not opinionated, and it doesn't have prebuilt components, making building good looking-interfaces fun!

  • GitHub repo Electron

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

    Project mention: Hello, my chia software is stuck at connecting to wallet. I am using Ubuntu 20.10. | reddit.com/r/chia | 2021-07-09

    (node:5080) electron: The default of contextIsolation is deprecated and will be changing from false to true in a future release of Electron. See https://github.com/electron/electron/issues/23506 for more information

  • GitHub repo animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

    Project mention: SVG Animation in Tailwindcss | dev.to | 2021-07-13

    Now you can pass the Animate.css class names to your props to animate them as you want.

  • GitHub repo Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: Changing taskbar thumbnail buttons | reddit.com/r/foobar2000 | 2021-07-15

    Download some icons from the internet (Icons8 for example, save as PNG and then convert to ICO). Or make your own icons in your preferred image editor app (use symbol fonts such as FontAwesome, again save as ICO).

  • GitHub repo Front-End-Checklist

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

    Project mention: 23 useful GitHub Repos every developer should follow | dev.to | 2021-05-31
  • GitHub repo html5-boilerplate

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

    Project mention: Beginner Questions | reddit.com/r/web_design | 2021-06-05

    Really all you need for something like this is HTML, CSS, and maybe some JS. I'd say play around in codepen where you can see your code hot-reload when you make changes. When your project outgrows codependent, drop your code into an HTML Boilerplate, and keep going.

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: How to Build a To-do app with Svelte, Strapi & Tailwind CSS | dev.to | 2021-07-22

    Tailwind CSS is a utility-first CSS framework use for writing CSS in a composable fashion right in your HTML. It is a powerful utility that allows you to build modern, pixel-perfect, and fully responsive interfaces without writing your custom CSS. Unlike Bootstrap, Tailwind CSS is not opinionated, and it doesn't have prebuilt components, making building good looking-interfaces fun!

  • GitHub repo normalize.css

    A modern alternative to CSS resets

    Project mention: La Cascada en CSS: Qué es y cómo funciona | dev.to | 2021-06-22
  • GitHub repo Bulma

    Modern CSS framework based on Flexbox

    Project mention: [23] Top 10 Must-Have Web Dev Tools – July 2021 | dev.to | 2021-07-12

    A free visual guide to CSS from the creator of Bulma.

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

    Project mention: My Very First App | reddit.com/r/reactjs | 2021-07-23

    Prettier with autoformatting on save is must have, code looks better and easer to read (and helps to avoid lots of problems, working in a team with programmers who have different codestyle)

  • GitHub repo anime.js

    JavaScript animation engine

    Project mention: [OC] Tonnage and lifetime of every aircraft carrier over 104 years | reddit.com/r/dataisbeautiful | 2021-07-10

    Data from https://en.wikipedia.org/wiki/List\_of\_aircraft\_carriers Parsed with BeautifulSoup: https://www.crummy.com/software/BeautifulSoup/bs4/doc/ Animated with anime.js: https://animejs.com/ Full video version: https://www.youtube.com/watch?v=hrfYDNDHLaQ

  • GitHub repo parcel

    📦🚀 Blazing fast, zero configuration web application bundler

    Project mention: Efficient dev workflow for developing a mobile WebApp that requires access to Geolocation API | reddit.com/r/webdev | 2021-07-19

    My computer isn't adequate for testing Geolocation functionality; I don't want to run with it, it doesn't have a mobile data connectivity, and the GPS hardware in it seems to work differently than a phone. I have been using Parcel.js on my computer, which serves files locally and seems to get around HTTPS for local development.

  • GitHub repo Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: How To Structure / Model Firebase Cloud Firestore ← Vue.js | dev.to | 2021-07-12

    Add Materialize CSS link to index.html which is optional.

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: New to Pop OS! | reddit.com/r/pop_os | 2021-07-24

    Now, I have two questions. The first one is, which terminal do you recommend using? I used Hyper but it has some dependency issue on Pop OS and after installing them manually, it didn't solve.

  • GitHub repo styled-components

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

    Project mention: Junior dev, trouble with portfolio / job hunt | reddit.com/r/react | 2021-07-22

    PS: Also maybe check out the companies using/sponsoring popular react libraries (see here "used by folks at:" https://styled-components.com/)

  • GitHub repo front-end-interview-handbook

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

    Project mention: After 8 months of self-taught, I was approached by Netflix and interviewed for a senior position. I need your advice. | reddit.com/r/webdev | 2021-06-25

    For front end specific preparation, refer these two github repos: https://github.com/yangshun/front-end-interview-handbook https://github.com/h5bp/Front-end-Developer-Interview-Questions

  • GitHub repo PostCSS

    Transforming styles with JS plugins

    Project mention: I wonder which „language“ they should add to their repertoire.. | reddit.com/r/ProgrammerHumor | 2021-07-25
  • GitHub repo 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.

    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.

  • GitHub repo iview

    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

  • GitHub repo Pure

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

    Project mention: Bootstrap 5 Released | news.ycombinator.com | 2021-05-05
  • GitHub repo mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: Bootstrap 5 STABLE is out | reddit.com/r/developersIndia | 2021-05-06
  • GitHub repo NativeScript

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

    Project mention: My Dev Journey: Week 12 | dev.to | 2021-07-25

    As mentioned before the NativeScript Playground has been great to get to grips with so far. Their docs have also been a great resource too.

  • GitHub repo scrollreveal

    Animate elements as they scroll into view.

    Project mention: Site que desenvolvi, o que acham? | reddit.com/r/brdev | 2021-07-17
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 2021-07-25.

Index

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

Project Stars
1 Bootstrap 152,001
2 Electron 94,498
3 animate.css 71,574
4 Font-Awesome 65,849
5 Front-End-Checklist 55,102
6 html5-boilerplate 50,921
7 Tailwind CSS 44,792
8 normalize.css 44,477
9 Bulma 43,901
10 prettier 40,166
11 anime.js 39,882
12 parcel 38,659
13 Materialize 38,542
14 hyperterm 36,247
15 styled-components 34,220
16 front-end-interview-handbook 30,509
17 PostCSS 24,884
18 Hover 24,765
19 iview 23,839
20 Pure 21,798
21 mdb-ui-kit 21,289
22 NativeScript 20,292
23 scrollreveal 19,875