Cirrus v0.6

A component centric CSS framework for fast prototyping.

3 followers

A component centric CSS framework for fast prototyping.

3 followers

Cirrus is a modular, responsive, and component centric SCSS framework aimed at bringing beautiful, hassle-free styling. Cirrus works right away with minimal styling. From there, add components and tweak using utility classes to make it truly your own.

Launch tags:Design Tools•Productivity•Open Source

Launch Team

LoomShow, don't just tell with Loom

Promoted

Mint Club

I think this is a beautiful and light-weighted framework! Will try to replace my heavy Ant.design framework for my next project :D

Report

6yr ago

TimeGPT

Maker

@andrew_cho Definitely excited to see how it will look!

Report

6yr ago

TimeGPT

Maker

👋 Hi ProductHunt! I created Cirrus approximately 3 years ago as a project to learn more about web development. But over the course of that time, I have expanded the functionality to provide base styles not just for page layouts, but also for an extensive suite of components. The sole focus of this framework is to help any developer prototype their ideas as quickly as possible with a large collection of components (and this collection is still growing). However, I recognize that it is also crucial to be able to differentiate your design from what the framework offers by default, which is where the utility classes come in. For example, you can easily modify the existing design of a tile or card by using our secondary font, different colors, different alignments on a page (flex or grid), and so on. Another feature that Cirrus offers is being able to choose between two different builds. Not everyone needs every style, so the framework comes in 2 flavors: - The 'core' build only consisting of styles for layouts, standard controls like buttons, and utility classes. - The 'ext' build that consists of everything inside the 'core' build with styles for components and animations. Otherwise, if you use Sass in your project, you can simply import the styles that you need from the specific file. I know that setting up a new framework to test out your project with a new framework can be a pain, which is why I have worked on adding as many examples to the documentation itself and a REPL for you to write HTML and see the results right away. Anyway, I hope you will enjoy using it for your project as much as I enjoyed working on it!

Report

6yr ago