SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 CSS CSS Projects
-
-
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.
-
-
-
-
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.
-
flag-icons
:flags: A curated collection of all country flags in SVG — plus the CSS for easier integration
-
-
-
-
pokemon-cards-css
A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.
-
-
spicetify-themes
A community-driven collection of themes for customizing Spotify through Spicetify - https://github.com/spicetify/spicetify-cli
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Add basic animations to your site using Animate.css and wow.js | dev.to | 2024-04-16Animate.css
Project mention: What is cross-browser compatibility, and why should you care? | dev.to | 2024-03-29You can also consider using stylesheets like Normalize.css, Eric Mayer's CSS reset rules to establish a baseline layout across browsers.
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.
I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.
The CountryFlag component receives the same code property as our emoji component. Yet, it also accepts an optional path to hosted SVG files. I employ a NextJS app, therefore I store all flags in /images/flags within the public folder. I located these flags in the flag-icons GitHub repo and copied them to my project.
For example: https://kushagra.dev/lab/hint/ {{Front}} Type the above content into the card template. Place the cursor over the text in the "Front" field and the contents of the "Back" field will appear.
Agreed, find a class-less framework to start, so that you focus on just the HTML, semantic structure first. Here's a couple of lists of such frameworks:
https://github.com/troxler/awesome-css-frameworks#class-less
https://github.com/dohliam/dropin-minimal-css
Personally, I like simple.css (https://github.com/kevquirk/simple.css)
CSS Animation Rocks offers tutorials and examples for learning CSS animations. You can improve your websites’ looks with smooth and engaging animations using this valuable resource.
- Spicetify for the custom spotify theme, I am using a modified version of the 'Dreary' theme. Theme is a bit broken atm and not being maintained, so I had to fix some bugs in the .css files, will try to push my changes to the Spicetify Themes GitHub repo when I find the time.
Project mention: Beyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization | dev.to | 2023-12-25Since Tailwind is a PostCSS plugin, we can also add cssnano plugin to compress the bundle.
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 CSS related posts
- LittleLink: Lightweight self-hosted linktree alternative
- Add basic animations to your site using Animate.css and wow.js
-
cssminify VS js-utils - a user suggested alternative
2 projects | 29 Mar 2024
- What is cross-browser compatibility, and why should you care?
- Show HN: Browse the modern web from ye olde' Macintosh
- Bulma CSS is now 1.0.0
- An Introduction to the Vision Board Project
-
A note from our sponsor - SaaSHub
www.saashub.com | 20 Apr 2024
Index
What are some of the best open-source CSS projects in CSS? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | animate.css | 79,704 |
| 2 | normalize.css | 51,811 |
| 3 | iCSS | 18,719 |
| 4 | ratchet | 14,585 |
| 5 | pico | 12,271 |
| 6 | tachyons | 11,579 |
| 7 | Spectre.css | 11,265 |
| 8 | flag-icons | 10,174 |
| 9 | photon | 9,980 |
| 10 | jupyter-themes | 9,716 |
| 11 | GitHub-Dark | 9,598 |
| 12 | 98.css | 8,568 |
| 13 | hint.css | 8,405 |
| 14 | awesome-css-frameworks | 7,247 |
| 15 | magic-of-css | 6,568 |
| 16 | basscss | 5,829 |
| 17 | sanitize.css | 5,136 |
| 18 | You-need-to-know-css | 5,084 |
| 19 | balloon.css | 5,020 |
| 20 | pokemon-cards-css | 4,929 |
| 21 | css-animation-101 | 4,794 |
| 22 | spicetify-themes | 4,651 |
| 23 | cssnano | 4,617 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com