This content originally appeared on DEV Community and was authored by Ko Htet
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 pasted into the project.
1. Aceternity UI
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 has decent animated ui components and update regularly.
3. Lukacho UI
Lukacho UI doesn't have many components like others but still, its components are pretty useful for quick development.
4. Hover.dev
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 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 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
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-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 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
A fusion of Shadcn and Magic Ui which is pretty cool if you are planning to use both in your project.
11. Edilozi
Edilozi has beautifully animated components and effects that you can copy and paste into your project.
12. Variant Vault
Variant Vault has cool text animations with framer motion.
13. CodeUi
CodeUi components library has eye-catching designs with animated components ready to be used.
14. Syntaxui
SyntaxUi has simple minimalistic animated components for free. There is also a paid version called Syntaxui Pro.
15. 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.
Using animations in the website can be a double-edged sword. They can make your website look awesome, meanwhile using too much animation will make your visitor miss the main point of the website, and some might even confuse what is happening. (〜￣▽￣)〜
This content originally appeared on DEV Community and was authored by Ko Htet
Ko Htet | Sciencx (2024-09-20T15:57:01+00:00) 15 Re-usable ui component libraries with Framer Motion. Retrieved from https://www.scien.cx/2024/09/20/15-re-usable-ui-component-libraries-with-framer-motion/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.