Skip to content
don’t make it ugly
All resources

Component libraryComponents, Motion

Motion-Primitives

Tasteful animated components for React, built with Motion.

Staff pickOpen sourceFree
Preview of Motion-Primitives

What it is

Motion-Primitives is a set of animated building blocks (text effects, transitions, dialogs, carousels, cursors, accordions) that are restrained enough to use in real products, not just demos. Built with React, Tailwind and Motion; installable via CLI.

Why it’s here

The best-behaved of the animated component libraries. The motion is subtle and well-timed, which is exactly the kind of reference you want an agent copying.

Best for

  • subtle microinteractions
  • text animation
  • polished product UI
  • landing pages

Can my agent use this?

Agent excellent agent friendliness

Yes. Docs show full source for each component and there's a CLI for adding them. Ask for a specific component by name.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • CLI
  • Copy/paste

  • Magic UI
    Preview of Magic UI

    Magic UI

    Animated React components and effects for landing pages, built to sit alongside shadcn/ui.

    Component libraryOpen sourceexcellent agent friendliness
  • NumberFlow
    Preview of NumberFlow

    NumberFlow

    Animated number transitions that make counters, prices and stats feel expensive.

    PackageFreeOpen sourceexcellent agent friendliness
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

    Showy, copy-paste React components for landing pages that need a moment.

    Component librarygood agent friendliness
  • Thinking Orbs
    Preview of Thinking Orbs

    Thinking Orbs

    An animated orb that shows what your AI is doing: listening, thinking, searching, working.

    PackageFreeexcellent agent friendliness
    Staff pick