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: How to use Tailwind with any CSS framework | dev.to | 2024-04-17

    Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

  • 30-seconds-of-code

    Short code snippets for all your development needs

    Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • Electron

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

    Project mention: Release Radar • February 2024 Edition | dev.to | 2024-02-29

    The team at Electron have been faithfully shipping new releases almost every single month. I think they had Christmas off 🤔. This popular framework has developers writing cross-platform desktop applications using JavaScript, HTML and CSS. The latest update depreciates some process events, and added new modules, APIs, methods, and more. Read into all the changes in the Electron release notes. This month, Electron also introduced a new formal RFC process.

  • Web-Dev-For-Beginners

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

  • animate.css

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

    Project mention: Add basic animations to your site using Animate.css and wow.js | dev.to | 2024-04-16

    Animate.css

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: ChatCrafters - Chat with AI powered personas | dev.to | 2024-04-12

    This app was built with Svelte Kit, Tailwind CSS, and many other technologies. For a full rundown, please visit the GitHub repository

  • app-ideas

    A Collection of application ideas which can be used to improve your coding skills.

    Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: Creating Gradient Buttons with Animated Text using CSS | dev.to | 2024-03-04

    the i element is the icon of the button, I'm using fontawesome.com for the icon, the class fa-apple retrives Apple icon for us.

  • Front-End-Checklist

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

    Project mention: Is there some form of checklist when creating an optimal website? | /r/webdev | 2023-06-28

    Checklist

  • html5-boilerplate

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

    Project mention: html5 boilerplate with bootstrap | /r/webdevY | 2023-05-05

    Download the HTML5 Boilerplate template from the official website (https://html5boilerplate.com/). You can choose to download the standard or the enhanced version, depending on your needs.

  • normalize.css

    A modern alternative to CSS resets

    Project mention: What is cross-browser compatibility, and why should you care? | dev.to | 2024-03-29

    You can also consider using stylesheets like Normalize.css, Eric Mayer's CSS reset rules to establish a baseline layout across browsers.

  • anime.js

    JavaScript animation engine

    Project mention: Incredible JavaScript Animation Libraries | dev.to | 2024-03-24

    Anime.js is celebrated for its simplicity, speed, and versatility. This compact library simplifies the animation process, enabling developers to craft visually striking animations with minimal effort. Anime.js supports a wide array of effects like scaling, morphing, and rotating, offering developers the tools to create complex timelines and animations with ease.

  • Bulma

    Modern CSS framework based on Flexbox

    Project mention: How to use Tailwind with any CSS framework | dev.to | 2024-04-17

    Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: Most basic code formatting | dev.to | 2024-04-18

    prettier is used to format you text

  • parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: React Server Components Example with Next.js | dev.to | 2024-04-16

    In the Changelog Podcast episode referenced above, Dan Abramov alluded to Parcel working on RSC support as well. I couldn’t find much to back up that claim aside from a GitHub issue discussing directives and a social media post by Devon Govett (creator of Parcel), so I can’t say for sure if Parcel is currently a viable option for developing with RSCs.

  • hyperterm

    A terminal built on web technologies

    Project mention: Terminal commands I use as a frontend developer | dev.to | 2024-03-09

    I am using iTerm2 on my macOS. Other available options are Hyper and VS Code’s inbuilt terminal, which I sometimes use for quick tests. You can open a terminal in VS Code by using the keyboard shortcut CMD + J or CTRL + J on Windows, or View → Terminal.

  • 30-Days-Of-JavaScript

    30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

    Project mention: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉 | dev.to | 2024-02-04

    30 Days of JS

  • front-end-interview-handbook

    ⚡️ Front End interview preparation materials for busy engineers

    Project mention: Front End Interview Handbook | news.ycombinator.com | 2024-04-16
  • styled-components

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

    Project mention: Growth Hacking Killed GitHub Stars | dev.to | 2024-04-10

    In 2023, I had a chat with Max Stoiber, CEO of Stellate, on a podcast to learn about his early success on GitHub. His first open-source project, react-boilerplate/react-boilerplate, gained a whopping 10k stars in just one weekend after appearing on the homepage of Hacker News. This success led Max to drop out of university and create several other popular open-source projects, including styled-components. This library accelerates the process of building styles in React components.

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16

    Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles based on Material Design.

  • esbuild

    An extremely fast bundler for the web

    Project mention: Use Notion as your CMS along with Next.js | dev.to | 2024-04-10

    During my search for deploying Lambdas via GitHub actions, I came across a tutorial that utilized ncc for converting TypeScript and bundling. While ncc is effective, I discovered esbuild, which proved to be significantly faster and perfectly suited to my requirements.

  • tabler

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

    Project mention: Sqlx: I'm sorry I forked you | news.ycombinator.com | 2023-08-13

    This is a bug, PR welcome !

    https://github.com/tabler/tabler/issues/1648

  • novu

    🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀

    Project mention: What's new in Novu 0.24? | dev.to | 2024-03-18

    PR for Reference: https://github.com/novuhq/novu/pull/5187

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

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 2024-04-18.

CSS related posts

Index

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

Project Stars
1 Bootstrap 167,350
2 30-seconds-of-code 118,895
3 Electron 111,798
4 Web-Dev-For-Beginners 81,368
5 animate.css 79,704
6 Tailwind CSS 77,985
7 app-ideas 74,797
8 Font-Awesome 72,973
9 Front-End-Checklist 67,349
10 html5-boilerplate 55,933
11 normalize.css 51,787
12 anime.js 48,643
13 Bulma 48,554
14 prettier 48,186
15 parcel 43,097
16 hyperterm 42,597
17 30-Days-Of-JavaScript 40,847
18 front-end-interview-handbook 40,207
19 styled-components 40,042
20 Materialize 38,860
21 esbuild 37,203
22 tabler 36,857
23 novu 32,436
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com