The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 CSS CSS Projects
-
Animate.css (https://animate.style/)
-
==> Click here to get the code from necolas.github.io!
-
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.
-
So, our post.component.html component is the generic page where all posts will have their content loaded. Here, the classes are from the Bulma CSS framework, and the template looks like this:
-
-
-
Modern CSS stylesheets include configurability via CSS variables on the root element so maybe that's where the "framework" comes from.
Also note: This project looks like an even more minimized version of PicoCSS [1]
-
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.
-
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.
-
-
flag-icons
:flags: A curated collection of all country flags in SVG — plus the CSS for easier integration
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.
-
-
-
-
Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09
I collect niche Operating System CSS!
- [98.css](https://github.com/jdan/98.css): A Windows 98 inspired framework for building faithful recreations of old UIs.
-
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)
-
-
-
-
-
-
pokemon-cards-css
A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.
-
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.
-
Project mention: Beyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization | dev.to | 2023-12-25
Since Tailwind is a PostCSS plugin, we can also add cssnano plugin to compress the bundle.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
CSS CSS related posts
- An Introduction to the Vision Board Project
- Telemetry Ergonomics
- Part 3: Templating HTML with Python, Jinja2 and serverless WebAssembly
- What's wrong with opera?
- I wanna switch browsers, any recommendations
- help with css
- Appreciation post: after 10 years, I'm back on using Firefox as my primary browser
-
A note from our sponsor - WorkOS
workos.com | 19 Mar 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,553 |
2 | normalize.css | 51,658 |
3 | Bulma | 48,003 |
4 | iCSS | 18,514 |
5 | ratchet | 14,583 |
6 | pico | 11,900 |
7 | tachyons | 11,555 |
8 | Spectre.css | 11,265 |
9 | flag-icons | 10,123 |
10 | photon | 9,983 |
11 | jupyter-themes | 9,712 |
12 | GitHub-Dark | 9,593 |
13 | 98.css | 8,479 |
14 | hint.css | 8,406 |
15 | awesome-css-frameworks | 7,108 |
16 | magic-of-css | 6,453 |
17 | basscss | 5,814 |
18 | sanitize.css | 5,136 |
19 | You-need-to-know-css | 5,084 |
20 | balloon.css | 5,019 |
21 | pokemon-cards-css | 4,929 |
22 | css-animation-101 | 4,785 |
23 | cssnano | 4,602 |