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.

    Project mention: Best free CSS animation? | reddit.com/r/css | 2023-04-19
  • mdb-ui-kit

    Bootstrap 5 & Material Design UI KIT

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • NES.css

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

    Project mention: This just sucks. | reddit.com/r/badcode | 2022-12-27
  • 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 | reddit.com/r/Wordpress | 2023-05-17

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

  • simplefolio

    ⚡️ A minimal portfolio template for Developers

    Project mention: CSS not being applied in Github Pages deployment? | reddit.com/r/github | 2023-01-07

    Interesting. So its a personal portfolio template on Github that was recommended while taking an online web development course for students to build their project portfolios with called simplefolio https://github.com/cobiwave/simplefolio. Why would they style it with scss if it isn't browser compatible? But yeah I just cloned that repo, followed the readme, added my own info and projects, and pushed it to a new repo.

  • Primer

    The CSS design system that powers GitHub

    Project mention: GitLab diff color system | dev.to | 2022-07-13
  • card

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

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  • pico

    Minimal CSS Framework for semantic HTML

    Project mention: Minimal CSS Framework for Semantic HTML | news.ycombinator.com | 2023-05-16
  • magic

    CSS3 Animations with special effects

    Project mention: Optimizing CSS Transition Animations with Animate CSS Grid | dev.to | 2023-04-21

    Magic Animations: this library provides a set of pre-built animations that can be easily applied to elements on a page. The library includes animations that can be used to animate CSS Grid layouts, such as fades, slides, flips, and more.

  • CSS Layout

    A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

    Project mention: 📣 Product Digest: Perfect Palette for Your Website, Roadmaps for Developers, and a Collection of CSS Elements | reddit.com/r/webdev | 2023-02-27

    CSS Layout it's a collection of popular layouts and patterns made with CSS.

  • hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: There was a time when each new hamburger menu design was being shared like crazy. Now, there are big lists like this one with plenty of options to use. What a time to be a web designer | reddit.com/r/web_design | 2023-05-17

    When was that time like 20 years ago? This has existed for like ten years now: https://github.com/jonsuh/hamburgers

  • csshake

    CSS classes to move your DOM!

    Project mention: FRONT END - LINKS CRIATIVOS E TÉCNICOS | dev.to | 2022-07-22
  • Gutenberg

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

    Project mention: Laying Out a Print Book with CSS | news.ycombinator.com | 2023-03-20

    I love reading printed books and blog posts. For those interested, a starting point for printable CSS is Gutenberg[1]. This has been my go-to for the print media in CSS. I believe I stopped looking for another one with my lack of deeper involvement in development of styles.

    I'm also guilty of picking Baskerville as the default classic look to printable font-family and even had resorted to it for screen.

    Besides the tools mentioned in the article (Vellum and Atticus), Ulysses also has a good option for print-ready output.

    1. https://github.com/BafS/Gutenberg

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

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

  • animxyz

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

    Project mention: What is your preferred method to use animation? | reddit.com/r/Frontend | 2023-04-18

    I don't use a lot of animations, if it's simple stuff I'll just do it myself. Have used animate.css before, it was quite nice, especially paired with wow.js. Have been meaning to try AnimXYZ but again, don't use a lot of animations so haven't been able to yet.

  • 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: What Is Textmode? | news.ycombinator.com | 2023-02-20

    Maybe not exactly what you‘re looking for, but you could give https://github.com/vinibiavatti1/TuiCss a try.

    More here: https://github.com/troxler/awesome-css-frameworks#specialize...

  • gardevoir

    The Modern CSS Reset 🚀 (Formerly Reseter.css)

  • Cirrus

    :cloud: The SCSS framework for the modern web.

    Project mention: 🚀 Cirrus 0.7.1 Released - New utility classes, Accordion, and more | dev.to | 2022-10-31

    💎 Cirrus 📝 Documentation

  • CodiumAI

    TestGPT | Generating meaningful tests for busy devs. Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.

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 2023-05-17.

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 Hover 28,452
2 mdb-ui-kit 23,328
3 NES.css 19,746
4 selectize.js 12,938
5 simplefolio 12,260
6 Primer 12,089
7 card 11,550
8 pico 9,328
9 magic 8,044
10 CSS Layout 7,523
11 hamburgers 6,897
12 csshake 4,773
13 Gutenberg 4,645
14 icono 4,010
15 grunt-email-workflow 3,038
16 family.scss 2,319
17 animxyz 2,230
18 Tacit 1,569
19 whirl 1,450
20 a11y.css 1,426
21 TuiCss 1,260
22 gardevoir 1,167
23 Cirrus 1,160
ONLYOFFICE Docs — document collaboration in your environment
Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises
www.onlyoffice.com