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: Bootstrap UI Components | dev.to | 2021-10-15

    Built-with Bootstrap 5 most popular front-end framework in developer community. So, you will have more flexibility and freedom while using these components or developing a site.

  • GitHub repo Electron

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

    Project mention: Ask HN: What does the future hold for Electron? | news.ycombinator.com | 2021-10-15

    Microsoft owns Github. Github maintains Electron. Microsoft are moving Teams to use WebView2, sharing a single Chromium instance for all apps, reducing memory usage, which is the most common complaint for Electron.

    This architecture has been obvious to everyone for a long time. Every Electron app could essentially be a webpage but with enhanced native API access.

    Electron's future seems bleak. ESM support hasn't materialized (https://github.com/electron/electron/issues/21457). WebView2 will not be available on macOS until late 2022 [it seems](https://github.com/MicrosoftEdge/WebView2Feedback/issues/645#issuecomment-921551618).

    Seems we are in one of these awkward transition periods, where you are forced to start a project on technology that you know will be deprecated in the near future sigh.

    Anyone have insight/predictions?

  • Syncfusion

    Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  • GitHub repo animate.css

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

    Project mention: Turning a React app into a PWA with offline detection, service workers and theming. | dev.to | 2021-10-13

    Next, we're making it a bit more shiny with animation! I've used animate.css to make the bubble slide in and out of the screen. It provides us some animation classnames we can use.

  • GitHub repo Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: React Authentication with Twitter, Google, Facebook and Github | dev.to | 2021-10-11

    The state of the user is used to selectively render either their social profile if it exists or the appropriate login button so the user can login. Using font awesome and some CSS we create authentic buttons using the provider prop as a className.

  • GitHub repo Front-End-Checklist

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

    Project mention: 12 Awesome GitHub Repos Developers will Love in 2021 | dev.to | 2021-08-24

    Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered. The Front-End Checklist is an exhaustive list of all elements you need to have/to test before launching your website/HTML page to production. The table of contents includes:

  • GitHub repo html5-boilerplate

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

    Project mention: 10 GitHub Repository every Web Developer should Know | dev.to | 2021-09-29

    Link to the Repo

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Melhor forma de deixar o site responsivo? | reddit.com/r/brdev | 2021-10-16

    Eu gosto muito do TailwindCSS.

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo normalize.css

    A modern alternative to CSS resets

    Project mention: Bootstrap and Css | reddit.com/r/web_design | 2021-10-15

    Look at https://necolas.github.io/normalize.css/ and understand what problem that solved.

  • GitHub repo Bulma

    Modern CSS framework based on Flexbox

    Project mention: Styling frameworks ? | reddit.com/r/codeigniter | 2021-10-10

    There are a lot of CSS frameworks. Example: https://bulma.io/

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

    Project mention: Refactoring and Git Rebase | dev.to | 2021-10-15

    To practice, I worked on refactoring my dodo-SSG project in a new branch that I called refactoring. I started by fixing the code format from previous contributions using prettier. I then changed the code to get rid of global variables. To do that, I had to split up some code into separate smaller functions. At each of these steps, I created a new commit to make sure I could easily go back to the previous version if anything broke (And things broke a lot while doing this!).

  • GitHub repo anime.js

    JavaScript animation engine

    Project mention: How to make a button transform to a heart shape on hovering | reddit.com/r/css | 2021-09-12

    You can use SVG Morphing to do that. There are many libraries that offer that feature, one of them is (https://animejs.com/) [anime js].

  • GitHub repo parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: Bundle a React library with Parcel | dev.to | 2021-10-17

    Checkout the Parcel website (Its pretty cool!) - Parcel

  • GitHub repo Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Code-in-Public: discussion of business reasons to enter saturated market | reddit.com/r/u_A_Sherminator | 2021-10-13

    https://materializecss.com

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15

    It looks like hyper, https://hyper.is/.

  • 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: Build an Embeddable Widget using Preact and the Shadow DOM | dev.to | 2021-10-13

    As our application grew, managing our styles became cumbersome and our team wanted to find another solution. At CompanyCam, our designers enjoy designing our products with styled-components. With styled-components, a generated stylesheet is injected at the end of the head of the document. Due to our Shadow DOM layer, this won't work without some configuration.

  • GitHub repo front-end-interview-handbook

    ⚡️ Front End interview preparation materials for busy engineers

    Project mention: Is there a cracking the coding interview book but solely for front end stuff? | reddit.com/r/webdev | 2021-10-05
  • 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: 5 GitHub repositories that can help you in writing better CSS code | dev.to | 2021-09-26
  • GitHub repo PostCSS

    Transforming styles with JS plugins

    Project mention: Those of you who have built your own personal website or blog, what tech stacks do you use? | reddit.com/r/webdev | 2021-10-12

    For my last two personal websites I used Svelte (not Sapper or SvelteKit), married up with Page.js for client-side routing and Tailwind (+ PostCSS) for styling stuff. The sites are hosted from AWS S3 buckets with CloudFront for the CMS stuff. And because these projects are entirely personal I've not had to do a lot of worrying about the toolchain: both codebases are in git repositories; testing (when I bother) is manual; building/deployment are handled using various shell scripts.

  • GitHub repo tabler

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

    Project mention: Ask HN: Any Good Alternatives to Tabler | news.ycombinator.com | 2021-10-09

    Tabler (https://github.com/tabler/tabler) seems to have gone Semantic. Do you guys any goods alternatives for this otherwise amazing FE library?

  • 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: 3 Sites that make CSS easy! | dev.to | 2021-10-08

    purecss.io

  • GitHub repo mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03

    It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here

  • GitHub repo NativeScript

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

    Project mention: JavaScript: A Wonderful Language for a Beginner | dev.to | 2021-08-22

    Writing JavaScript for the server-side is possible, also writing JavaScript for mobile applications and desktop applications is also possible. Apache Cordova is a free mobile application development framework that allows you to develop an application in HTML/JavaScript and then it wraps it into a native container that can access the device functions of several platforms and hence enables the web app to work on mobile devices. Electron is a free and open-source framework for creating native desktop applications with web technologies. It allows building cross-platform desktop apps with JavaScript, HTML, and CSS. There are other examples of such development frameworks that exist like Ionic and NativeScript.

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-10-17.

Index

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

Project Stars
1 Bootstrap 153,418
2 Electron 98,331
3 animate.css 72,455
4 Font-Awesome 66,240
5 Front-End-Checklist 56,574
6 html5-boilerplate 51,700
7 Tailwind CSS 47,938
8 normalize.css 45,592
9 Bulma 44,377
10 prettier 40,780
11 anime.js 40,570
12 parcel 39,028
13 Materialize 38,601
14 hyperterm 36,999
15 styled-components 34,972
16 front-end-interview-handbook 31,839
17 Hover 25,527
18 PostCSS 25,255
19 tabler 24,243
20 iview 23,895
21 Pure 21,933
22 mdb-ui-kit 21,646
23 NativeScript 20,556
Find remote CSS jobs at our new job board 99remotejobs.com. There is 1 new remote job listed recently.
Are you hiring? Post a new remote job listing for free.
Scout APM: A developer's best friend. Try free for 14-days
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.
scoutapm.com