SCSS CSS

Open-source SCSS projects categorized as CSS

Top 23 SCSS CSS Projects

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

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

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

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

  • card

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

  • SaaSHub

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

    SaaSHub logo
  • css.gg

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

  • Project mention: 10+ Best Open Source Icon Libraries in 2024 | dev.to | 2024-05-17

    Website: https://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: Matcha.css – Drop-in semantic styling library in pure CSS | news.ycombinator.com | 2024-05-23
  • whirl

    CSS loading animations with minimal effort!

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

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

  • 7.css

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

  • Project mention: A CSS framework for recreating Windows 7 UI | news.ycombinator.com | 2024-04-30
  • Cirrus

    :cloud: The SCSS framework for the modern web.

  • reseter.css

    The Modern CSS Reset 🚀

  • 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

  • ASP.NET Core Navigation markers

    1 project | dev.to | 25 May 2024
  • A CSS framework for recreating Windows 7 UI

    1 project | news.ycombinator.com | 30 Apr 2024
  • I Used Netscape Composer in 2024

    4 projects | news.ycombinator.com | 18 Apr 2024
  • CSS Tools for Enhanced Web Design

    1 project | dev.to | 3 Mar 2024
  • My opinion on ending

    1 project | /r/ShingekiNoKyojin | 6 Nov 2023
  • 500 open-source components for TailwindCSS

    3 projects | dev.to | 30 Oct 2023
  • The What, Why and How of JavaScript bundlers

    1 project | dev.to | 13 Oct 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 27 May 2024
    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. Learn more →

Index

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

Project Stars
1 Hover 29,089
2 mdb-ui-kit 24,052
3 NES.css 20,371
4 simplefolio 13,173
5 selectize.js 13,014
6 Primer 12,469
7 card 11,630
8 css.gg 9,587
9 magic 8,373
10 hamburgers 7,007
11 csshake 4,834
12 Gutenberg 4,778
13 icono 4,000
14 grunt-email-workflow 3,039
15 animxyz 2,388
16 family.scss 2,307
17 Tacit 1,660
18 whirl 1,536
19 TuiCss 1,484
20 a11y.css 1,465
21 7.css 1,477
22 Cirrus 1,323
23 reseter.css 1,213

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