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 →
Top 23 CSS CSS Projects
-
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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
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.
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.
CSS CSS related posts
-
Why don’t we talk about minifying CSS anymore?
-
Krazam OS
-
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
-
A note from our sponsor - InfluxDB
www.influxdata.com | 5 May 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,790 |
2 | normalize.css | 51,855 |
3 | Bulma | 48,603 |
4 | iCSS | 18,893 |
5 | ratchet | 14,587 |
6 | pico | 12,405 |
7 | tachyons | 11,587 |
8 | Spectre.css | 11,290 |
9 | flag-icons | 10,204 |
10 | photon | 9,988 |
11 | jupyter-themes | 9,724 |
12 | GitHub-Dark | 9,604 |
13 | 98.css | 8,617 |
14 | hint.css | 8,410 |
15 | awesome-css-frameworks | 7,325 |
16 | magic-of-css | 6,568 |
17 | basscss | 5,829 |
18 | sanitize.css | 5,136 |
19 | You-need-to-know-css | 5,122 |
20 | balloon.css | 5,023 |
21 | pokemon-cards-css | 4,929 |
22 | css-animation-101 | 4,932 |
23 | spicetify-themes | 4,699 |
Sponsored