UI
This is more than just a library. Its a motion playground. Packed with custom-built, fully animated UI components, crafted with Framer Motion and styled with Tailwind. Every component is smooth, responsive and ready to light up your next project.
A library of clean, animated components designed for modern interfaces and seamless user experiences.
50+ components ready to copy and paste into your projects
Modify components with props and Tailwind classes.
Copy and paste code directly into your project.
Production-ready components dropped out of the box.
Free to use and modify.
Build UIs faster with pre-built components.
Components work for everyone.
Easily customizable components that adapt to your every need.
AnimateX.com
1
Import React, {useState} from react
2
Import Notify from components/ui/notify
3
const page = () => {
4
const [isAllowed, setisAllowed] = useState(false)
5
return (
6
<>
7
<Notify
8
"type":
9
"message":
10
"condition": {isAllowed}
11
"direction":
12
"axis":
13
"displacement":
14
"duration":
15
/>
16
<button className='text-white p-2 rounded-md px-4 bg-black cursor-pointer' onClick={() => setIsallowed(!isAllowed)}>Allow</button>
17
</>
18
)
19
}
Connect, Learn and grow with fellow designers and developers
Stay updated with announcements, tips and general info.
Report bugs, request features and contribute to project.
Join the community, ask questions and share tips.
Be part of that community that connects, learns and grows together.

@Frontend Developer
Using these components cut my animation time in half! It's like Tailwind meets Framer Motion but eith more soul

@Student Devevloper
I'm new to frontend, and this made me feel like a pro. Setup was simple, and everthing just worked.

@Product Designer
Not a UI/UX designer? Doesn't matter. This library makes any dev look like a motion pro. It's aesthetic magic in a box

@JavaScript Enthusiast
This is what modern frontend should feel like responsive, animated and a little bit magical.

@Frontend Developer
Using these components cut my animation time in half! It's like Tailwind meets Framer Motion but with more soul

@MrBean
Really love this, the user interactions are just lit.

@Student Devevloper
I'm new to frontend, and this made me feel like a pro. Setup was simple, and everthing just worked.

@MrBean
Really love this, the user interactions are just lit.

@UX Consultant
The Animations are tasteful not over kill. It's rare to see a library get that baalance right.
Created with by Ngwa Newton-Raul
Copyright 2025