#CSS

Open-source projects categorized as CSS
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 I accidentally built a Podcast API business | reddit.com/r/Entrepreneur | 2021-04-21

    Most of our internal tools have ugly web UIs, with default Bootstrap styling :)

  • GitHub repo Electron

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

    Project mention: pessoal tenho 19 anos e estou aprendendo programação por conta própria (javascript/node.js), o que vocês me recomendam para estudar e praticar mais? | reddit.com/r/brdev | 2021-04-21
  • GitHub repo animate.css

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

    Project mention: 15+ Awesome CSS Animation Resources | dev.to | 2021-04-21

    2.Animate.CSS

  • GitHub repo Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: Waffle and glyph help | reddit.com/r/rprogramming | 2021-04-21

    I ran your code and got the same error. The problem is with the use_glyph="shield" line because it runs when I remove that. The correct URL for the error message should be https://github.com/FortAwesome/Font-Awesome/tree/master/webfonts. It has "webfonts" at the end rather than just "fonts". I think your R code is fine and you have installed the correct packages, but the problem is that you need to download and install some additional Font-Awesome files from that link for it to work.

  • GitHub repo Front-End-Checklist

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

    Project mention: 10 GitHub repos you need to know as a web developer | dev.to | 2021-04-13

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

  • GitHub repo html5-boilerplate

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

    Project mention: 10 GitHub repos you need to know as a web developer | dev.to | 2021-04-13

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

  • GitHub repo normalize.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

  • GitHub repo Bulma

    Modern CSS framework based on Flexbox

    Project mention: Form validation with Yup | dev.to | 2021-04-21

    For this tutorial, we will use Bulma CSS to style our application. Use the following command to add Bulma CSS to your application

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: 🔥 NextJS Portfolio Template Free with Tailwind CSS and TypeScript [Open Source] 🚀 | dev.to | 2021-04-21

    🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

    Project mention: 🔥 NextJS Portfolio Template Free with Tailwind CSS and TypeScript [Open Source] 🚀 | dev.to | 2021-04-21

    🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

  • GitHub repo anime.js

    JavaScript animation engine

    Project mention: What's the best way to create the yellow red line on scroll ? Animate svg only for this yellow line ? i'm afraid then with the resposinve part it's become hard to amke it stuck to the background at the right place. | reddit.com/r/web_design | 2021-04-04

    Anime.js might be worth looking into if your comfortable writing a little code. https://animejs.com/

  • GitHub repo Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Tools for developing front ends quickly for primarily bad end devs? | reddit.com/r/webdev | 2021-04-08

    I suppose depending on what you're after exactly would boil down to roughly two options: CMS or component libraries. I assume CMSes are off the table since you're looking for more customization, especially for backend. Component libraries I had most experience with are bootstrap (https://getbootstrap.com/), angular material for angular or materialize (materializecss.com/).

  • GitHub repo parcel

    📦🚀 Blazing fast, zero configuration web application bundler

    Project mention: Why some developers are avoiding app store headaches by going web-only | reddit.com/r/programming | 2021-04-13

    Parcel is a step in the right direction, but it doesn't actually work correctly. It “compiles” TypeScript without running tsc.

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: my first time installing a web browser, go easy on me :D | reddit.com/r/linuxmemes | 2021-04-20

    zsh and powerlevel10k. terminal emulator might be hyper, but I'm not sure

  • 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: [RFC] Airfoil: Coding an alternative to Tailwind | dev.to | 2021-04-21

    Then, provide two different versions - one as styles and mixins as a partial (_airfoil.scss?) for an SCSS file, another which takes a function and just returns a string, for integration into libraries such as styled-components and emotion/css.

  • GitHub repo front-end-interview-handbook

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

    Project mention: How to stand out as a junior developer | reddit.com/r/cscareerquestionsEU | 2021-04-07

    This seems like a good place to start for front end domain knowledge - https://github.com/yangshun/front-end-interview-handbook

  • GitHub repo PostCSS

    Transforming styles with JS plugins

    Project mention: 🔥 NextJS Portfolio Template Free with Tailwind CSS and TypeScript [Open Source] 🚀 | dev.to | 2021-04-21

    🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 10+ framework with Tailwind CSS 2.0. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.

  • 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: PureCSS and Svelte | reddit.com/r/sveltejs | 2021-04-02

    Hi everyone. How can I set up PureCSS with Svelte? I tried using the CDN as mentioned in their website but I guess that's not the way to go here.

  • GitHub repo mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: Framework Showdown: Tailwind vs Bootstrap | dev.to | 2021-04-12

    Source: MB Bootstrap

  • 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: Web vs native - make the right choice in 2021 | dev.to | 2021-04-17

    React Native / NativeScript - for building native mobile apps with web technologies (deeper native bindings, without the use of WebView)

  • GitHub repo scrollreveal

    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

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-04-21.

Index

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

Project Stars
1 Bootstrap 149,376
2 Electron 91,280
3 animate.css 69,830
4 Font-Awesome 65,393
5 Front-End-Checklist 50,364
6 html5-boilerplate 49,597
7 normalize.css 43,373
8 Bulma 43,263
9 Tailwind CSS 40,453
10 prettier 39,420
11 anime.js 39,040
12 Materialize 38,444
13 parcel 37,996
14 hyperterm 35,655
15 styled-components 33,327
16 front-end-interview-handbook 28,645
17 PostCSS 24,418
18 Hover 24,067
19 iview 23,773
20 Pure 21,623
21 mdb-ui-kit 20,803
22 NativeScript 20,015
23 scrollreveal 19,583