# Motion Primitives

> A UI kit of beautiful, customizable animated components built with Motion and Tailwind CSS.

- Owner: [Julien Thibeaut](https://21st.dev/@ibelick)
- Components: 34
- Website: https://motion-primitives.com/
- GitHub: https://github.com/ibelick/motion-primitives
- Live page: https://21st.dev/@ibelick/library/motion-primitives

## Components

All 34 of them:

- [Accordion](https://21st.dev/@ibelick/components/accordion.md)
- [Animated Background](https://21st.dev/@ibelick/components/animated-background.md)
- [Animated Group](https://21st.dev/@ibelick/components/animated-group.md)
- [Animated Number](https://21st.dev/@ibelick/components/animated-number.md)
- [Animated Tabs](https://21st.dev/@ibelick/components/animated-tabs.md)
- [Border Trail](https://21st.dev/@ibelick/components/border-trail.md)
- [Carousel](https://21st.dev/@ibelick/components/carousel.md)
- [Cursor](https://21st.dev/@ibelick/components/cursor.md)
- [Disclosure](https://21st.dev/@ibelick/components/disclosure.md)
- [Dock](https://21st.dev/@ibelick/components/dock.md)
- [Glow Effect](https://21st.dev/@ibelick/components/glow-effect.md)
- [Image Comparison](https://21st.dev/@ibelick/components/image-comparison.md)
- [Infinite Slider](https://21st.dev/@ibelick/components/infinite-slider.md)
- [In view](https://21st.dev/@ibelick/components/in-view.md)
- [Magnetic](https://21st.dev/@ibelick/components/magnetic.md)
- [Morphing Dialog](https://21st.dev/@ibelick/components/morphing-dialog.md)
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover.md)
- [Popover](https://21st.dev/@ibelick/components/popover.md)
- [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur.md)
- [Scroll Progress](https://21st.dev/@ibelick/components/scroll-progress.md)
- [Sliding Number](https://21st.dev/@ibelick/components/sliding-number.md)
- [Spinning Text](https://21st.dev/@ibelick/components/spinning-text.md)
- [Spotlight](https://21st.dev/@ibelick/components/spotlight.md)
- [Text Effect](https://21st.dev/@ibelick/components/text-effect.md)
- [Text Loop](https://21st.dev/@ibelick/components/text-loop.md)
- [Text Morph](https://21st.dev/@ibelick/components/text-morph.md)
- [Text Roll](https://21st.dev/@ibelick/components/text-roll.md)
- [Text Scramble](https://21st.dev/@ibelick/components/text-scramble.md)
- [Text Shimmer](https://21st.dev/@ibelick/components/text-shimmer.md)
- [Text Shimmer Wave](https://21st.dev/@ibelick/components/text-shimmer-wave.md)
- [Tilt](https://21st.dev/@ibelick/components/tilt.md)
- [Toolbar Dynamic](https://21st.dev/@ibelick/components/toolbar-dynamic.md)
- [Toolbar Expandable](https://21st.dev/@ibelick/components/toolbar-expandable.md)
- [Transition Panel](https://21st.dev/@ibelick/components/transition-panel.md)

Full component directory: https://21st.dev/llms.txt