# jackyzha0/sunlit

a pure css implementation of some sunlight streaming in through the window

Repository: https://github.com/jackyzha0/sunlit
Canonical: https://ross.abutalabs.com/products/sunlit
Homepage: https://sunlit.pages.dev/
Language: CSS
License Family: other
Last push: 2024-11-13T07:52:28+00:00

## Health v2 (maintenance only)
Score: 22/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 47
- inputs: {"age_days": 660, "days_push": 658, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1020, forks 43 (observed 2026-08-28T04:03:15.226227+00:00)

## What it is
A pure CSS implementation of sunlight streaming through window blinds, using layered divs, progressive backdrop-filter blur, and SVG feTurbulence/feDisplacementMap filters for billowing leaves. It is a visual effect demo you can embed or adapt, with no JavaScript required.

## Use cases
- add a sunlight-through-window effect to a webpage
- create ambient lighting effects with pure CSS
- learn progressive blur with backdrop-filter and mask-image
- animate leaves with SVG feTurbulence and feDisplacementMap
- build a cozy aesthetic background for a personal site
- study CSS-only animation techniques

## When to choose
- you want a JavaScript-free, pure CSS ambient light effect
- you want a small, copy-paste visual component to customize
- you want to learn advanced CSS masking, blur, and SVG filter techniques

## When to avoid
- you need a full-featured animation library or framework
- you need performant effects on low-end devices (heavy blur layers are costly)
- you need a maintained dependency with a license for production use

## Facets
- artifact type: library
- maturity: active
- function: animation, css-framework, ui-components, graphics
- domain: web-development, frontend, web-design, graphics
- platform: browser
- tags: pure-css, css-art, svg-filters, backdrop-filter, ambient-effect, demo, no-javascript, web-server

## Member repositories
- jackyzha0/sunlit (main) score 22

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:15.226227+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-30T07:09:17.514740+00:00, confidence not recorded.
  - readme: https://github.com/jackyzha0/sunlit (fetched 2026-08-28T04:03:15.226227+00:00, sha 3cfdb4c90f88)
  - homepage: https://sunlit.pages.dev/ (fetched 2026-08-29T13:09:15.930744+00:00, sha b0002a2223da)
- Data as of 2026-08-30T08:39:29.467469+00:00.