Amines UI
Check out the PlayGround

All-in-one React component library with playground

Copy ready-to-use animated React components, customize their motion, colors, and strokes, and bring your interfaces to life with Framer Motion.

Components

A closer look at the building blocks.

Explore a few components from the Amines library. Open a card for its live preview, code, and usage details.

03 / Cards

Split Stack Photo

See all Components

Illustrations

A visual touch for every interface.

Explore expressive illustrations from the Amines library. Open a card for its live preview, code, and usage details.

See all Illustrations

Blocks

Complete sections, ready to explore.

Browse full-width blocks from the Amines library. Open a block for its live preview, code, and usage details.

02 / Marketing / UI block

Pricing Block

A flexible pricing table with monthly/yearly toggle, featured plan highlighting, animated price transitions, and fully customizable colors and labels.

View details

Free

$0/ month

Billed $0 yearly

  • A curated set of production-ready animated icons
  • Unlimited personal projects & rapid prototypes
  • Core size, stroke, and color customization
  • Direct copy-paste for React & Next.js
Start for free

Monthly

$79/ month

Billed $948 yearly

  • The full animated icon & component library (100+)
  • Every animation state, trigger & interactive loop mode
  • Commercial rights for client & production work
  • Continuous library updates as new icons drop
  • Cancel anytime with zero friction or lock-in
Choose monthly

Lifetime

Best value
$99/ month

Billed $1,188 yearly

  • Lifetime access — zero recurring subscriptions
  • Unlimited commercial, client & team projects forever
  • All future icon packs & illustration sets included
  • Priority feature & icon request pipeline
  • Complete source code & vector asset downloads
Get lifetime access
See all Blocks

How to use

Up and running in minutes.

Add any component, block or template to your React or Next.js app with a single command.

Pick what to add

Live preview: try it

Investment

You don't have to hold back.

Use the best and most complete animated components for React and Next.js. Start for free or get lifetime access to the full collection.

Zero risk · Start building

Free

$0forever

Try the icons in your real project and experience the animations firsthand.

Free includes:

  • A curated set of production-ready animated icons
  • Unlimited personal projects & rapid prototypes
  • Core size, stroke, and color customization
  • Direct copy-paste for React & Next.js

Flexible momentum

Monthly

$9/ month

The complete animated icon toolkit, billed monthly. Cancel or pause anytime.

Everything in Free, plus:

  • The full animated icon & component library (100+)
  • Every animation state, trigger & interactive loop mode
  • Commercial rights for client & production work
  • Continuous library updates as new icons drop
  • Cancel anytime with zero friction or lock-in

Pay once, keep forever

Lifetime

Best value
$99lifetime

One single investment. Complete access to everything now and every future release.

Everything in Monthly, plus:

  • Lifetime access — zero recurring subscriptions
  • Unlimited commercial, client & team projects forever
  • All future icon packs & illustration sets included
  • Priority feature & icon request pipeline
  • Complete source code & vector asset downloads

Choose a plan that fits where you are today. Upgrade or change anytime.

Amines UI Pro

Make every interface feel alive.

Unlock the full animated icon library and ship interfaces that feel clear, expressive and alive. Free to start, lifetime access when you're ready.

Upgrade or change anytime.
Amines UI

Animated icons for clear, expressive React interfaces.

Library
Built with
© 2026 Amines UI. All rights reserved.Made with care for the details.