DEV Community

Cover image for 15 Re-usable UI Component Libraries with Framer Motion
Ko Htet
Ko Htet

Posted on • Edited on

15 Re-usable UI Component Libraries with Framer Motion

Hello, This is the list of react components with framer motion that I have been using. All of these components are easy to use just by copy and paste. These components save me a lot of time and headaches when developing projects with animations. They are also customizable as they become your code after copy and paste into the project.

1. Aceternity UI

Aceternity

Aceternity is the most popular library by far, it has a lot of animated ui components ready to be used.

2. Motion-primitives

Motion-primitives

Motion-primitives has decent animated ui components and update regularly.

3. Lukacho UI

Lukacho

Lukacho UI doesn't have many components like others but still, its components are pretty useful for quick development.

4. Hover.dev

Hover

Not all of Hover.dev components are free but its free components are enough to develop a beautiful animated website so you should check it out.

5. Magic UI

Magic

Magic UI has a lot of cool animated components. I often use its text animations and special effects components in my projects. Magic UI is a library you should check after Aceternity UI.

6. Eldora UI

Eldora ui

Eldora Ui also has nice animated components and templates. Although, its "Cobe globe" lags a little when opening but others are fine, so no problem.

7. Ui-layout

Ui-layout

Components in Ui-layout are creative and beautiful. It is an amazing ui component library you should check out if you are looking for another cool library like Aceternity UI and Magic UI.

8. Cult-ui

Cult

Cult-ui is a collection of reusable components with the best use of framer motion and tailwind CSS. Like other libraries, it has a ton of animated components.

9. Animata

Animata

Animata is also a reusable components collection of animations, effects, and interactions that you can use in your project with a simple copy and paste.

10. Nyxbui

Nyxbui

A fusion of Shadcn and Magic Ui which is pretty cool if you are planning to use both in your project.

11. Edilozi

Edilozi

Edilozi has beautifully animated components and effects that you can copy and paste into your project.

12. Variant Vault

Variantvault

Variant Vault has cool text animations with framer motion.

13. CodeUi

Codeui

CodeUi components library has eye-catching designs with animated components ready to be used.

14. Syntaxui

Syntaxui

SyntaxUi has simple minimalistic animated components for free. There is also a paid version called Syntaxui Pro.

15. Cuicui

Cuicui

Cuicui has simple and straightforward components that you can easily use. You can easily understand how the components are made just by looking at the code.

(〜 ̄▽ ̄)〜

Top comments (0)