✳️ 581+ Pro Blocks, lifetime updates, unlimited projects — Get 50+ fresh blocks every month ✳️ 👇
Grab the deal →

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.

Featured Tailwind Components

Best Tailwind components and elements to use on your web projects.

FlyonUI HOT

The Easiest Component Library for Tailwind CSS

Shadcnblocks

Hundreds of premium components & blocks built for Tailwind & Shadcn UI

Oxbow UI HOT

220+ Free & Premium Tailwind, Alpine.js components