Top 23 CSS CSS Projects
-
Project mention: I made this cool "Now Playing" widget for my stream :D | reddit.com/r/Twitch | 2022-01-16
Additionally, I'm a big fan of Promises (or Promise-like structures like ReactiveX implementations), and not having a clear start and end points to animations seemed insane to me. The stuff I saw people doing with setTimeouts was horrible. Thankfully the CSS library I use (which is also used be StreamLabs' ChatBox btw) had a nice helper function in their docs to make Promises out of animations, and so that made it possible to reason about the state of everything while using async/await and avoid glitchy-ness.
-
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
Project mention: What is your data technology stack and how did you end up using these? | reddit.com/r/dataengineering | 2022-01-16
Bulma is a very lightweight CSS framework. I mostly use it to handle layout without writing custom CSS. I can't show you visuals of our data catalog, sorry.
-
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.
Use the collection of hover effects on this site and its Github repo.
-
Project mention: [AskJS] How long it took you to become a senior Javascript programmer ? or a fullstack engineer ? Why React as become the most popular framework in the industry ? | reddit.com/r/javascript | 2021-11-08
-
twbs/ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components.
-
Tailwind always looks like a cool evolution of Tachyons [0] to me (with a build step). On the other hand, tachyons is really simple, you just drop it into your project with no build required (or drop the sass in), and I've never really felt like it was missing any features I wanted.
Has anyone used both seriously who can compare?
[0]: https://tachyons.io/
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
Project mention: Cross Platform Rust GUI Desktop Apps - Getting Started with Tauri & ReactJS | reddit.com/r/rust | 2022-01-15
I used spectre CSS and it worked pretty well https://picturepan2.github.io/spectre/
-
Project mention: Request: Vue UI Frameworks for "desktop" style applications | reddit.com/r/vuejs | 2022-01-13
Not things like https://buefy.org/ or https://next.antdv.com/ - but not things like http://photonkit.com/ either - it doesnt need to look "native"
-
Project mention: Need some help to enable containers extention dark mode via css cause it's burning my eyes thnx | reddit.com/r/FirefoxCSS | 2021-06-30
personally, I use dark reader for most websites. if it breaks (or doesn't look good on) a website that I use very frequently, I make my own stylesheet for the website. which is very time-consuming so it's not like I can do that willy-nilly. in some cases I can find an existing stylesheet that's better than dark reader. like for github I use github dark, which requires stylus. and if it's a website I don't use that frequently and darkreader makes it unusable, I just leave darkreader off. just suck it up and use the website in "light mode" for as little time as possible.
-
I hope this helps you save some time from trying out all of these settings yourself, or at the very least gives you a solid visual option for working within a Jupyter Notebook for many hours at a time. However, I know that if you’re a developer, you’re probably going to want to try EVERY option at your disposal. If that’s your thing, check out the jupyterthemes documentation at https://github.com/dunovank/jupyter-themes to find your perfect settings.
-
Project mention: Hint.css: crea botones con infografías para tu sitio web | reddit.com/r/fazt | 2021-07-29
-
-
flag-icons
:flags: A curated collection of all country flags in SVG — plus the CSS for easier integration
Project mention: Bundle only used CSS classes and associated SVGs | reddit.com/r/laravel | 2022-01-05i use the Flag-Icons library in my Laravel-Project.
-
Project mention: I found some funny things in the Official Eddsworld Website's Code | reddit.com/r/Eddsworld | 2022-01-07
Here's some stuff I noticed: The preview image for Slippery Slope is just a screenshot The section where they normally put the weekly eddsworld comic is literally called "ComicContainer" The sort of "add section" below the content is literally called "bottom-part" The website's footer is called the "EddFooter" The text links (not in the navigation) supposedly have a slight glow around them They have a lot of css (style-ing code) for an unused menu asset (like the menus that you click and they expand). It even links to this website (https://jonsuh.com/hamburgers) that allows you to use the code.
-
Project mention: I modelled my portfolio website after Windows 95, built with VueJS and plenty of vanilla CSS. Link and repo in comments. | reddit.com/r/webdev | 2021-12-04
-
Project mention: 18 Alternatives to Using Tailwind CSS: Do You Really Need It? | dev.to | 2021-05-08
✨ Tachyons 💥 Shed.css 🌟 Basscss ☄️ Expressive CSS
-
8. The Magic Of CSS
-
kazzkiq/balloon.css - Simple tooltips made of pure CSS
-
Sanitize.css Sanitize.css is a CSS library that provides consistent, cross-browser default styling of HTML elements alongside useful defaults. It is developed alongside normalize.css, which means every normalization is included, and every normalization and opinion are clearly marked and documented.
-
You could download the complete csshake.css file or separated files for each shake animation (i.e csshake-little.css). Each one expanded or minified.
-
You can have a look at https://github.com/troxler/awesome-css-frameworks which is an extensive collection of CSS frameworks. Have a look at the "Class-less" section to checkout similar projects.
There is also an open PR to add Simple.css to the list: https://github.com/troxler/awesome-css-frameworks/pull/85
-
CSS Animation 101
CSS CSS related posts
- What is your data technology stack and how did you end up using these?
- Something awesome is going to come up soon ;)
- Sweet_Pop! 3.0 released!!
- I made this cool "Now Playing" widget for my stream :D
- Cross Platform Rust GUI Desktop Apps - Getting Started with Tauri & ReactJS
- SimpleCSS: A Classless CSS Framework
- Make Button Behave Like Div
Index
What are some of the best open-source CSS projects in CSS? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | animate.css | 73,301 |
| 2 | normalize.css | 46,367 |
| 3 | Bulma | 44,895 |
| 4 | Hover | 25,770 |
| 5 | You-Dont-Need-JavaScript | 16,650 |
| 6 | ratchet | 14,480 |
| 7 | tachyons | 11,076 |
| 8 | Spectre.css | 10,947 |
| 9 | photon | 9,762 |
| 10 | GitHub-Dark | 9,475 |
| 11 | jupyter-themes | 8,913 |
| 12 | hint.css | 8,176 |
| 13 | css.gg | 8,101 |
| 14 | flag-icons | 8,032 |
| 15 | hamburgers | 6,534 |
| 16 | 98.css | 6,308 |
| 17 | basscss | 5,671 |
| 18 | magic-of-css | 5,552 |
| 19 | balloon.css | 4,856 |
| 20 | sanitize.css | 4,686 |
| 21 | csshake | 4,565 |
| 22 | awesome-css-frameworks | 4,463 |
| 23 | css-animation-101 | 4,234 |
Are you hiring? Post a new remote job listing for free.
