Primer
Cirrus
Our great sponsors
Primer | Cirrus | |
---|---|---|
4 | 9 | |
12,448 | 1,319 | |
0.4% | - | |
8.7 | 8.7 | |
4 days ago | 3 days ago | |
SCSS | SCSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Primer
-
Tremor β The React library to build dashboards fast
If you are looking for a dashboard system that is written in vanilla JS, I will be open sourcing my DevBoard in the next month or two. You can see it in action at https://devboard.gitsense.com/microsoft/vscode and learn more about the widget system at https://devboard.gitsense.com/microsoft/vscode?board=gitsens... Note the repo that is mentioned in the intro page hasn't been pushed to GitHub yet, but will be soon.
The server is a very simple node/express app and the front end is written in vanilla javascript. I also use GitHub's primer css (https://github.com/primer/css) and a heavily stripped down version of tabler's css (https://github.com/tabler/tabler)
Note, DevBoard is more geared towards hackers, so Tremor's is probably a much better fit if you are looking for an out of the box solution.
- GitLab diff color system
-
π20 Best CSS3 Library For Developers.
11. Primer CSS
- how to use primer css
Cirrus
-
π Cirrus 0.7.1 Released - New utility classes, Accordion, and more
π Cirrus π Documentation
-
β‘The Fastest Way to Develop and Deploy Your Next Project
Do you like launching stuff? I like launching stuff! A few months ago, I released one of the largest updates to my CSS framework, Cirrus. Cirrus is a CSS framework designed for rapid prototyping and production use with a wide variety of ready-to-use components to plug into your app and utility classes to customize them. This makes building anything new with Cirrus a breeze with dead simple configuration and little overhead.
-
Why I Unit Test My Sass: Mixins π§ͺ
For this tutorial, letβs create a simple viewport mixin similar to the screen-above() mixin defined in Cirrus. The mixin below will apply any styles passed into it if it is larger than the specified breakpoints. Copy the contents below into a new file within /src/mixins.scss.
-
Why I Unit Test My Sass: Functions π§ͺ
I previously thought Sass unit testing would never be a thing and why would it be a thing that developers would try to figure out. Today, I cannot think of developing Cirrus or any large projects with hundreds of styles without unit testing.
-
Cirrus 0.6.3 Launched π, Cirrus Blocks Coming Soon?
Update headline font sizes to have less of a gap from h1. 7d63a17
-
π20 Best CSS3 Library For Developers.
4. Cirrus.css
-
Released Cirrus 0.6.2 π - Build and Design Your Webapp Faster
π Cirrus π Documentation
-
Github1s - Instantly Browse Projects on VSCode in Your Browser β‘
Using it is incredibly simple. Go to a repository you are browsing, let's say https://github.com/Spiderpig86/Cirrus. Then, go to your address bar and change github.com to github1s.com and press enter. You should now see the repository loaded up in a VSCode-like window.
-
Released Cirrus 0.6.1 π - A component and utility centric SCSS framework
designed for rapid prototyping.
If you're interested, feel free to check out Cirrus! Documentation
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
NES.css - NES-style CSS Framework | γγ‘γγ³γ³ι’¨CSSγγ¬γΌγ γ―γΌγ―
UI kit - A lightweight and modular front-end framework for developing fast and powerful web interfaces
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Picnic CSS - :handbag: A beautiful CSS library to kickstart your projects
Bulma - Modern CSS framework based on Flexbox
Milligram - A minimalist CSS framework.
css - Utility and component-centric design system leveraging Bootstrap 5 for rapid, responsive UI development.