---
name: "@motion-primitives"
slug: "motion-primitives"
description: "Motion Primitives is a curated open-source library of beautifully designed, easy-to-integrate motion components built with Motion (formerly Framer Motion) and Tailwind CSS, distributed via shadcn CLI. The components directory ships primitives focused purely on animation and transition behaviors — including Blur Fade, animated transitions, gestures, and layout effects — rather than full UI widgets. Designed as a complement to shadcn/ui, not a replacement. MIT licensed; actively developed with regular new component releases. Use for: layering production-quality entrance animations, shared layout transitions, and gesture-driven interactions onto components that already exist in a shadcn/ui project."
category: "Animated components"
tags: ["aesthetic", "animation", "design-system", "forms", "hooks"]
framework: "react"
license: "MIT"
author: "ibelick"
website: "https://www.motion-primitives.com"
github: "https://github.com/ibelick/motion-primitives"
registry: "https://motion-primitives.com/c/{name}.json"
pro: false
pro_url: null
github_stars: 5655
component_count: 0
generated_at: "2026-07-28T08:00:50.948Z"
---

# @motion-primitives

Motion Primitives is a curated open-source library of beautifully designed, easy-to-integrate motion components built with Motion (formerly Framer Motion) and Tailwind CSS, distributed via shadcn CLI. The components directory ships primitives focused purely on animation and transition behaviors — including Blur Fade, animated transitions, gestures, and layout effects — rather than full UI widgets. Designed as a complement to shadcn/ui, not a replacement. MIT licensed; actively developed with regular new component releases. Use for: layering production-quality entrance animations, shared layout transitions, and gesture-driven interactions onto components that already exist in a shadcn/ui project.

## Links

- Website: https://www.motion-primitives.com
- GitHub: https://github.com/ibelick/motion-primitives
- Registry JSON: https://motion-primitives.com/c/{name}.json
- Directory page: https://sh4dcn.vercel.app/registry/motion-primitives
- This file: https://sh4dcn.vercel.app/md/motion-primitives.md

## Install

```sh
# clone the source repo
git clone https://github.com/ibelick/motion-primitives.git
# fetch the raw registry index
curl -s https://motion-primitives.com/c/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @motion-primitives to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/motion-primitives.md) for the component list.
2. Fetch the machine-readable index: https://motion-primitives.com/c/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: motion-primitives).
```