# ibelick/motion-primitives

UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.

Repository: https://github.com/ibelick/motion-primitives
Canonical: https://ross.abutalabs.com/products/motion-primitives
Homepage: https://motion-primitives.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: animated, animation, components, framer-motion, tailwindcss, animate, motion, ui, library
Last push: 2026-03-19T14:09:01+00:00

## Health v2 (maintenance only)
Score: 56/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 73, release rhythm 35, longevity 56
- inputs: {"age_days": 791, "days_push": 167, "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 6075, forks 240 (observed 2026-08-28T04:09:34.752074+00:00)

## What it is
Motion-Primitives is an open-source UI kit of beautifully designed, animated React components built with Motion (Framer Motion) and Tailwind CSS. It ships with a CLI to add customizable copy-paste components into your app.

## Use cases
- add animated ui components to a react app
- animate page transitions and text reveals
- build beautiful landing pages with motion effects
- copy-paste framer motion components into tailwind project
- create animated cards, accordions, and tooltips

## When to choose
- you use React with Tailwind CSS and want polished animations without building from scratch
- you prefer copy-paste components you fully own and customize
- you want a shadcn/ui-style workflow for motion components

## When to avoid
- you don't use React or Tailwind CSS
- you need a fully stable, long-term-supported component API (project is in beta)
- you want a complete design system rather than individual motion components

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

## Member repositories
- ibelick/motion-primitives (main) score 56

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:34.752074+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:21.688276+00:00, confidence not recorded.
  - readme: https://github.com/ibelick/motion-primitives (fetched 2026-08-28T04:09:34.752074+00:00, sha 104fe086b717)
  - registry_npm: https://registry.npmjs.org/motion-primitives (fetched 2026-08-29T08:45:42.645270+00:00, sha 95547f69a69c)
- Data as of 2026-08-30T08:39:29.467469+00:00.