# danielpetho/fancy

Repository: https://github.com/danielpetho/fancy
Canonical: https://ross.abutalabs.com/products/fancy
Homepage: https://fancycomponents.dev
Language: TypeScript
License: MIT
License Family: permissive
Topics: animation, design, framer-motion, motion, tailwindcss, ui-components
Last push: 2026-03-14T10:34:13+00:00

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

## Adoption (not part of the score)
Stars 3101, forks 111 (observed 2026-08-28T04:07:43.581613+00:00)

## What it is
Fancy Components is a growing collection of ready-to-use, animated React components and microinteractions built with TypeScript, Tailwind CSS, and Motion (Framer Motion). It follows a shadcn-style copy-and-paste registry model, letting developers add playful UI effects like text animations, marquees, and 3D CSS blocks directly into their projects.

## Use cases
- add animated text effects like typewriter or scramble hover to a react site
- copy-paste animated ui components into a tailwind project
- create a marquee that scrolls elements along an svg path
- add playful microinteractions to make a landing page stand out
- build a 3d css cube component in react
- find inspiration for award-winning site animations

## When to choose
- you use React with Tailwind CSS and want fun, animated UI components you can own and customize
- you want shadcn-style copy-paste components rather than a heavy dependency
- your project needs playful microinteractions beyond standard component libraries

## When to avoid
- you need a comprehensive, production-grade component system with strict accessibility guarantees
- you don't use React or Tailwind CSS
- you need minimal bundle size and can't afford decorative animation code

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, frontend-framework
- domain: frontend, web-development, web-design
- platform: cross-platform
- tags: react, tailwindcss, framer-motion, microinteractions, copy-paste-components, shadcn-registry, web, nodejs

## Member repositories
- danielpetho/fancy (main) score 56

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:43.581613+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:26:59.682202+00:00, confidence not recorded.
  - readme: https://github.com/danielpetho/fancy (fetched 2026-08-28T04:07:43.581613+00:00, sha 2be3e3259258)
  - homepage: https://fancycomponents.dev (fetched 2026-08-29T09:42:35.416057+00:00, sha e7d0f5834576)
  - site_page: https://www.fancycomponents.dev/docs/components/text/text-highlighter (fetched 2026-08-29T09:42:35.426697+00:00, sha 39d516b04d21)
  - site_page: https://www.fancycomponents.dev/docs/components/blocks/css-box (fetched 2026-08-29T09:42:35.430743+00:00, sha 093b0a3dd31f)
  - site_page: https://www.fancycomponents.dev/docs/components/blocks/marquee-along-svg-path (fetched 2026-08-29T09:42:35.432906+00:00, sha ea911bb604d9)
  - site_page: https://www.fancycomponents.dev/docs/introduction (fetched 2026-08-29T09:42:35.434956+00:00, sha da32614c8976)
- Data as of 2026-08-30T08:39:29.467469+00:00.