SCSS CSS

Open-source SCSS projects categorized as CSS
Edit details
Topics: Sass Scss css-framework HTML Framework
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.
workos.com
Sponsored

Top 23 SCSS CSS Projects

  • 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.

  • 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.

  • 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.

    WorkOS logo

  • mdb-ui-kit

    Bootstrap 5 & Material Design UI KIT

    • Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

  • NES.css

    NES-style CSS Framework | ファミコン風CSSフレームワーク

  • simplefolio

    ⚡️ A minimal portfolio template for Developers

  • selectize.js

    Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

    • Project mention: How would I replicate this country selector functionality with ACF Pro | /r/Wordpress | 2023-05-17

    Selectize will do the heavy lifting https://selectize.dev/

  • Primer

    The CSS design system that powers GitHub

    • Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28

    If you are looking for a dashboard system that is written in vanilla JS, I will be open sourcing my DevBoard in the next month or two. You can see it in action at https://devboard.gitsense.com/microsoft/vscode and learn more about the widget system at https://devboard.gitsense.com/microsoft/vscode?board=gitsens... Note the repo that is mentioned in the intro page hasn't been pushed to GitHub yet, but will be soon.

    The server is a very simple node/express app and the front end is written in vanilla javascript. I also use GitHub's primer css (https://github.com/primer/css) and a heavily stripped down version of tabler's css (https://github.com/tabler/tabler)

    Note, DevBoard is more geared towards hackers, so Tremor's is probably a much better fit if you are looking for an out of the box solution.

  • 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.

    InfluxDB logo

  • card

    :credit_card: make your credit card form better in one line of code

  • css.gg

    700+ Pure CSS, SVG, PNG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API and 6000 glyphs

    • Project mention: Free Icons for your reactjs and web applications | dev.to | 2023-12-28

    6. css.gg

  • magic

    CSS3 Animations with special effects

  • hamburgers

    Tasty CSS-animated Hamburgers

    • Project mention: CSS Tools for Enhanced Web Design | dev.to | 2024-03-03

    5. Hamburgers by Jon Suh

  • csshake

    CSS classes to move your DOM!

  • Gutenberg

    Modern framework to print the web correctly.                                                (by BafS)

  • icono

    One tag One icon, no font or svg, Pure CSS

  • grunt-email-workflow

    A Grunt workflow for designing and testing responsive HTML email templates with SCSS.

  • animxyz

    The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

  • family.scss

    Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy way.

  • Tacit

    CSS framework for dummies, without a single CSS class: nicely renders properly formatted HTML5 pages

    • Project mention: Show HN: Neat, the Minimalist CSS Framework | news.ycombinator.com | 2023-04-25

    - https://yegor256.github.io/tacit/

  • whirl

    CSS loading animations with minimal effort!

  • a11y.css

    This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

  • TuiCss

    Text-based user interface CSS library

    • Project mention: Show HN: Msdos Theme Inspired Image Enhancement Tools | news.ycombinator.com | 2023-09-07

    I am a lover of CSS frame themes and that is really nice.

    https://github.com/vinibiavatti1/TuiCss

    It seems this is just your personal project as it is just on a subdomain of your domain, so might not be for the public, but keep the following in mind:

    GDPR-compliance: you need to add how long images remain after being uploaded or give the option to delete the original file. This also includes the time you will also keep the generated file. You wouldn't need to store these for more than 10 minutes after the output has been generated.

    Filename: out.png is like you just plopped in the sample code that you found on Github and called it a day. Consider keeping the filename and adding something to it. "filename-out.png" might be better.

    Tested most of the options and its all functional.

  • 7.css

    A JS-independent, tree-shakeable CSS framework for building faithful recreations of the Windows 7 UI.

    • Project mention: I Used Netscape Composer in 2024 | news.ycombinator.com | 2024-04-18

  • Cirrus

    :cloud: The SCSS framework for the modern web.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

SCSS CSS related posts

Index

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

Project Stars
1 Bulma 48,554
2 Hover 29,052
3 mdb-ui-kit 24,004
4 NES.css 20,284
5 simplefolio 13,125
6 selectize.js 13,002
7 Primer 12,448
8 card 11,627
9 css.gg 9,547
10 magic 8,329
11 hamburgers 6,996
12 csshake 4,826
13 Gutenberg 4,765
14 icono 4,001
15 grunt-email-workflow 3,039
16 animxyz 2,371
17 family.scss 2,307
18 Tacit 1,650
19 whirl 1,536
20 a11y.css 1,461
21 TuiCss 1,461
22 7.css 1,342
23 Cirrus 1,319

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com