# jolaleye/cssfx

✨ Beautifully simple click-to-copy CSS effects

Repository: https://github.com/jolaleye/cssfx
Canonical: https://ross.abutalabs.com/products/cssfx
Homepage: https://cssfx.netlify.com
Language: Vue
License: MIT
License Family: permissive
Topics: css, svg, animation, design, vue
Archived: true
Last push: 2021-08-15T20:26:20+00:00

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

## Adoption (not part of the score)
Stars 6122, forks 348 (observed 2026-08-28T04:09:36.186828+00:00)

## What it is
CSSFX is a web application showcasing a collection of beautiful, click-to-copy CSS effects like shadows, transitions, and animations. It lets developers preview effects and copy the CSS code with a single click.

## Use cases
- find css effects to copy into my project
- get css box shadow snippets
- copy hover transition effects
- browse css animation examples
- quickly grab css code for buttons

## When to choose
- you want ready-made CSS snippets to copy into any project
- you need inspiration for shadows, transitions, or hover effects
- you prefer framework-agnostic plain CSS

## When to avoid
- you need a programmable CSS/animation library rather than copy-paste snippets
- you want a maintained tool with recent updates (last release 2021)
- you need effects in a preprocessor or CSS-in-JS format

## Facets
- artifact type: application
- maturity: maintenance
- function: css-framework, animation, ui-components
- domain: web-development, frontend, web-design
- platform: browser
- tags: css-effects, click-to-copy, design-resources, vue, web

## Member repositories
- jolaleye/cssfx (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:36.186828+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-29T17:48:00.147480+00:00, confidence not recorded.
  - readme: https://github.com/jolaleye/cssfx (fetched 2026-08-28T04:09:36.186828+00:00, sha c7b7ccd8ed56)
- Data as of 2026-08-30T08:39:29.467469+00:00.