# papercss/papercss

The Less Formal CSS Framework

Repository: https://github.com/papercss/papercss
Canonical: https://ross.abutalabs.com/products/papercss
Homepage: https://getpapercss.com
Language: SCSS
License: ISC
License Family: permissive
Topics: css, scss, html
Last push: 2025-07-31T15:54:36+00:00

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

## Adoption (not part of the score)
Stars 4193, forks 227 (observed 2026-08-28T04:08:38.834176+00:00)

## What it is
PaperCSS is a lightweight, 'less formal' CSS framework with a hand-drawn paper aesthetic, written in SCSS and distributed as compiled CSS via npm, CDN, or GitHub releases. It aims to be minimal with class names so plain HTML or markdown-generated pages instantly get styled.

## Use cases
- style a blog or markdown-generated page without adding many classes
- quickly wireframe a web app with a casual hand-drawn look
- add a lightweight CSS framework via CDN to a static page
- customize a CSS framework's colors and fonts via SCSS config
- prototype UI with cards, modals, alerts, and forms

## When to choose
- you want a playful, informal, hand-drawn aesthetic instead of clean modern styles
- you need minimal class names so existing HTML gets styled automatically
- you want a small framework installable via npm or a CDN link

## When to avoid
- you need a polished, enterprise-grade design system
- you require a large component ecosystem or heavy JavaScript interactivity
- your project demands strict, formal visual branding

## Facets
- artifact type: library
- maturity: active
- function: css-framework, ui-components, theme
- domain: web-development, frontend, web-design
- platform: browser
- tags: scss, hand-drawn-style, minimal-classes, dark-mode, wireframing, nodejs

## Member repositories
- papercss/papercss (main) score 38

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:38.834176+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-29T18:22:35.622386+00:00, confidence not recorded.
  - readme: https://github.com/papercss/papercss (fetched 2026-08-28T04:08:38.834176+00:00, sha 362b4303592d)
  - homepage: https://getpapercss.com (fetched 2026-08-29T09:13:07.842527+00:00, sha 9633caaf99ab)
  - site_page: https://www.getpapercss.com/docs (fetched 2026-08-29T09:13:07.845997+00:00, sha 2db180e2835c)
  - site_page: https://www.getpapercss.com/about (fetched 2026-08-29T09:13:07.848739+00:00, sha f4d71c876df3)
  - site_page: https://www.getpapercss.com/docs/components/alerts (fetched 2026-08-29T09:13:07.850995+00:00, sha 439038c18490)
  - site_page: https://www.getpapercss.com/docs/components/articles (fetched 2026-08-29T09:13:07.853119+00:00, sha ac7fa6cc5243)
  - site_page: https://www.getpapercss.com/docs/components/badges (fetched 2026-08-29T09:13:07.855353+00:00, sha 058a199186b4)
  - site_page: https://www.getpapercss.com/docs/components/breadcrumb (fetched 2026-08-29T09:13:07.857537+00:00, sha ef29d85d257c)
  - site_page: https://www.getpapercss.com/docs/components/buttons (fetched 2026-08-29T09:13:07.859605+00:00, sha e6f5651b7c23)
  - site_page: https://www.getpapercss.com/docs/components/cards (fetched 2026-08-29T09:13:07.861725+00:00, sha 147a23934580)
- Data as of 2026-08-30T08:39:29.467469+00:00.