# Spiderpig86/Cirrus

:cloud: The SCSS framework for the modern web.

Repository: https://github.com/Spiderpig86/Cirrus
Canonical: https://ross.abutalabs.com/products/cirrus
Homepage: https://www.cirrus-ui.com/
Language: SCSS
License: MIT
License Family: permissive
Topics: css-framework, css, web-development, stylesheet, responsive, flexbox, front-end, css3, ui, stylesheets, font, card, css-grid, scss, sass-framework, sass, cirrus, scss-framework
Last push: 2026-08-10T04:34:23+00:00

## Health v2 (maintenance only)
Score: 66/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 97, release rhythm 8, longevity 100
- inputs: {"age_days": 3541, "days_push": 23, "days_rel": 574, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1431, forks 76 (observed 2026-08-28T04:04:42.927721+00:00)

## What it is
Cirrus is a component-and-utility-centric SCSS framework for building responsive web interfaces with minimal JavaScript. It ships pre-built UI components, utility classes, and a configurable Sass-based build system that lets developers include, exclude, or extend styles to control output size.

## Use cases
- rapidly prototype a web UI with pre-built components
- style a website without writing custom CSS
- build responsive layouts with flexbox and CSS grid utilities
- generate a trimmed-down stylesheet with only the classes I need
- add modals, dropdowns, and tabs without JavaScript
- integrate a CSS framework into React, Vue, or Svelte projects
- customize a design system via a Sass configuration file

## When to choose
- you want a lightweight, Sass-first CSS framework with no JS dependencies
- you need configurable builds to minimize CSS payload
- you prefer utility classes plus ready-made components for prototyping
- you want framework-agnostic styles usable in plain HTML or any JS framework

## When to avoid
- you need a full component library with JavaScript behavior and state management
- your team prefers utility-only frameworks like Tailwind with a large ecosystem
- you need React/Vue component packages rather than stylesheets
- you require extensive third-party theme and plugin ecosystems

## Facets
- artifact type: framework
- maturity: active
- function: css-framework, ui-components, frontend-framework, theme
- domain: web-development, frontend, web-design
- platform: browser
- tags: scss, sass, utility-classes, responsive-design, flexbox, css-grid, rapid-prototyping, design-system, no-javascript, vscode-extension, nodejs, web-server

## Member repositories
- Spiderpig86/Cirrus (main) score 66

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:42.927721+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:37:05.494550+00:00, confidence not recorded.
  - readme: https://github.com/Spiderpig86/Cirrus (fetched 2026-08-28T04:04:42.927721+00:00, sha ab8b8b073a61)
  - homepage: https://www.cirrus-ui.com/ (fetched 2026-08-29T11:48:29.857898+00:00, sha ef886d701c41)
  - site_page: https://cirrus-ui.com/getting-started/setup (fetched 2026-08-29T11:48:29.861006+00:00, sha ed2609374ca4)
  - site_page: https://cirrus-ui.com/getting-started/configuration (fetched 2026-08-29T11:48:29.863903+00:00, sha cd7a2c27131f)
  - site_page: https://cirrus-ui.com/getting-started/managing-build-size (fetched 2026-08-29T11:48:29.867886+00:00, sha a8f6f601274a)
- Data as of 2026-08-30T08:39:29.467469+00:00.