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. Learn more →
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.
-
-
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!
-
-
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-17Selectize will do the heavy lifting https://selectize.dev/
-
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.
-
-
-
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.
-
-
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-27CSS Layout it's a collection of popular layouts and patterns made with CSS.
-
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
-
-
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.
-
-
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-18I 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
- https://yegor256.github.io/tacit/
-
-
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.
-
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...
-
-
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.
SCSS CSS related posts
- 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
- Minimal CSS Framework for Semantic HTML
- A Todo HTMX application that uses Go and the templ templating library
- Give It the Craigslist Test
- My full-stack demo app is not so great looking. It's real-time and real ugly. Any CSS/Bootstrap wizards out there who could give pointers on easy improvements?
- Best Girl of Winter 2023: Seasonal Salt! Final Nomination Day!
- [Svelte Js] Réflexions sur les cadres CSS sans classe (par exemple PICO) avec Svelte?
-
A note from our sponsor - CodiumAI
codium.ai | 31 May 2023
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 |