CSS

Open-source projects categorized as CSS

Top 23 CSS Open-Source Projects

  • Bootstrap

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

    Project mention: Concept - Free Bootstrap Portfolio Website Template | dev.to | 2022-12-01

    I will share an elegant and clean free Bootstrap portfolio website template. If you plan to express your portfolio to the planet, this HTML personal template will significantly help you.

  • Electron

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

    Project mention: Circuit To Turn On Desktop PC | reddit.com/r/electronjs | 2022-11-30

    Electron (https://electronjs.org/) is a framework for developing cross-platform desktop applications using JavaScript, HTML, and CSS. This is the technology behind many popular apps like Slack, Discord and Visual Studio Code. Join for discussions around Electron!

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • animate.css

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

    Project mention: Movement and Visibility Detection with CSS and JS 👀 | dev.to | 2022-10-24

    Simple animations, technically defined as transitions with animation keyframes, don't need to be reinvented. Animate.css (animate.style) is a popular open source CSS animation library that offers a set of predefined animations that can be customized and configured.

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: host google-fonts locally in wordpress | dev.to | 2022-12-01

    Font Awesom By Font Awesome :: https://fontawesome.com/ https://wordpress.org/plugins/font-awesome/ info: Version: 4.3.1 Last updated: 3 months ago Active installations: 300,000+ WordPress Version: 4.7 or higher Tested up to: 6.0.3 PHP Version: 5.6 or higher Tags: awesome font Font Awesome Font Awesome icon

  • Front-End-Checklist

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

    Project mention: GitHub Repositories : Part 1 | dev.to | 2022-11-26
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Build a concert tickets generator with NextJS using Xata and Cloudinary | dev.to | 2022-11-29

    TailwindCSS is a utility-first CSS framework packed with classes to help us style web pages.

  • Web-Dev-For-Beginners

    24 Lessons, 12 Weeks, Get Started as a Web Developer

    Project mention: 100+ Must Know Github Repositories For Any Programmer | dev.to | 2022-11-17

    5. Web Dev for Beginners

  • Zigi

    The context switching struggle is real. Zigi makes context switching a thing of the past. It monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack!

  • html5-boilerplate

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

    Project mention: GitHub Repositories : Part 1 | dev.to | 2022-11-26
  • normalize.css

    A modern alternative to CSS resets

    Project mention: How to build a docs site with Next.js and Contentlayer | dev.to | 2022-11-29

    reset.css — download here

  • Bulma

    Modern CSS framework based on Flexbox

    Project mention: What working with Tailwind CSS every day for 2 years looks like | news.ycombinator.com | 2022-11-29

    Yeah, I used Bootstrap for a long time, and got used to how it works.

    I wanted to like Tailwind, but it seems a bit disingenuous. It's like using inline style tags, just with shorter names.

    From time to time I've made an effort to learn how CSS works, but after a while I forget the details. It's more productive if I can browse a catalogue of visual examples, with concise markup that is easy to copy and paste.

    Bulma seems like the more "modern" take on Bootstrap: https://bulma.io/

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: How I go with react native in late 2022 | dev.to | 2022-11-27

    my version control tool is git and github is the platform that my source code lives on. there are some other tools like eslint (for linting and setting some rules), prettier (for having the same code style between different editors and IDEs), husky (for managing git hooks)

  • anime.js

    JavaScript animation engine

    Project mention: Which JS framework would be the best for making a webpage entirely composed of SVG? | reddit.com/r/learnprogramming | 2022-11-29
  • parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: Zero Configuration Build Tool | news.ycombinator.com | 2022-12-01
  • hyperterm

    A terminal built on web technologies

    Project mention: #gitPanic - Tools | dev.to | 2022-11-29

    Before I added a script to print out my current git branch after the directory in my terminal, my most commonly used git command was git branch. Terminal programs like Hyper will have features like this preconfigured. If you're just using Zsh or Bash, here's a script you can add to your terminal profile file:

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: All About Hacktober Fest 2022 You Need To Know | dev.to | 2022-10-22

    This repository consists of files required to deploy a Web App or PWA created with Materialize Css

  • styled-components

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

    Project mention: Really noob React question | reddit.com/r/react | 2022-11-28

    CSS is still going to be necessary, although we tend to deliver it via React these days. I'd check out Styled Components if you want an easy way to manage your CSS inside of React.

  • front-end-interview-handbook

    ⚡️ Front End interview preparation materials for busy engineers

    Project mention: Front-end Guide | dev.to | 2022-11-23

    Answers to Front End Job Interview Questions — JavaScript

  • esbuild

    An extremely fast JavaScript and CSS bundler and minifier

    Project mention: AoC Runner for JavaScript and TypeScript | reddit.com/r/adventofcode | 2022-12-01

    Runs your solutions in watch mode (with extremely fast compilation for TS using esbuild).

  • tabler

    Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

    Project mention: Top 20 Best React Website Templates for React Developers [Free and Premium] | dev.to | 2022-08-23

    Demo

  • 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: 10 GitHub Repositories to Become a CSS Master | dev.to | 2022-08-19

    Download Zip

  • PostCSS

    Transforming styles with JS plugins

    Project mention: why do some ppl put vendor prefixes(webkit...) on a specific place like div or p . i tend tu put them as a global rule ??? | reddit.com/r/css | 2022-11-19

    Something like this https://postcss.org/

  • iview

    A high quality UI Toolkit built on Vue.js 2.0

  • css-protips

    ⚡️ A collection of tips to help take your CSS skills pro 🦾

    Project mention: GitHub Repositories : Part 1 | dev.to | 2022-11-26
  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

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 2022-12-01.

CSS related posts

Index

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

Project Stars
1 Bootstrap 160,574
2 Electron 104,728
3 animate.css 76,416
4 Font-Awesome 70,490
5 Front-End-Checklist 62,985
6 Tailwind CSS 62,731
7 Web-Dev-For-Beginners 60,713
8 html5-boilerplate 53,663
9 normalize.css 49,190
10 Bulma 46,430
11 prettier 44,335
12 anime.js 43,816
13 parcel 41,673
14 hyperterm 39,729
15 Materialize 38,735
16 styled-components 37,831
17 front-end-interview-handbook 35,962
18 esbuild 34,011
19 tabler 32,189
20 Hover 27,498
21 PostCSS 26,940
22 iview 24,007
23 css-protips 23,704
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
scoutapm.com