110+ shadcn/ui components with drag-drop code editor 🎉 👇
🚀 Try Editor!

Motion Primitives

Free

Framer Motion components from ibelick

Get now
Motion Primitives Image 1
Motion Primitives Image 2
Details About Motion Primitives
Key points:
  • Tailwind CSS v3

A collection of reusable animated components built with Framer Motion and Tailwind CSS.

What is it?

Motion-Primitives is a set of open-source, customizable animated components designed with Framer Motion and Tailwind CSS for easy integration into web projects.

premium version is also launched recently

Motion-Primitives Pro

Features ✨

  • Customizable animated components.

  • Built with Framer Motion and Tailwind CSS.

  • Open-source and free to use.

  • Regular updates with new components.

Components 🌁

Core Components

  • Accordion

  • Animated Background

  • Animated Group

  • Border Trail

  • Carousel

  • Cursor

  • Dialog

  • Disclosure

  • In View

  • Infinite Slider

  • Transition Panel

Text Effects

  • Text Effect (Updated)

  • Text Loop (Updated)

  • Text Morph (Updated)

  • Text Roll (New)

  • Text Scramble

  • Text Shimmer

  • Text Shimmer Wave

Core Components

  • Accordion

  • Animated Background

  • Animated Group

  • Border Trail

  • Carousel

  • Cursor

  • Dialog

  • Disclosure

  • In View

  • Infinite Slider

  • Transition Panel

Number Effects

  • Animated Number

  • Sliding Number (New)

Interactive Elements

  • Dock

  • Glow Effect (New)

  • Image Comparison

  • Scroll Progress

  • Spotlight

  • Spinning Text

  • Tilt

Toolbars

  • Toolbar Dynamic

  • Toolbar Expandable

Advanced Effects

  • Magnetic

  • Morphing Dialog

  • Morphing Popover (New)

  • Progressive Blur (New)

Integration 🧰

  • Tailwind CSS

  • Framer Motion

FAQ

What is Motion-Primitives?

Motion-Primitives is a collection of animated components built with Framer Motion and Tailwind CSS.