Features
Beautiful components that work out of the box
Get access to 100+ components that are ready to be copy pasted into your projects. All components are built with Tailwind CSS and Framer Motion.
- Copy Paste Ready
-
All components are built with Tailwind CSS and can be copy pasted directly into your projects.
- Modern Animations
-
Smooth animations powered by Framer Motion that work across all devices and browsers.
- Responsive Design
-
Every component is fully responsive and works perfectly across all screen sizes.
Featured by popular YouTubers
Trusted by the best
Pricing
Choose your plan
Get access to all components and future updates with a one-time payment.
Free
- Basic components
- Community support
Enterprise
- Custom components
- Dedicated support
- Custom licensing
Documentation
Quick start guide
Follow these simple steps to integrate our components into your project.
Installation
npm install @aceternity/ui
Usage
import { CardStack } from "@aceternity/ui";
export default function Demo() {
return (
Key Features
- TypeScript support out of the box
- Framer Motion animations included
- Fully customizable with Tailwind CSS
Examples
See it in action
Check out these example components and see how they work in real-world scenarios.
Card Stack Component
A beautiful stack of cards that automatically cycle through with smooth animations.
Hover Effect Gallery
Interactive gallery with smooth hover effects and image transitions.
Testimonials
Loved by thousands of people
Here's what some of our users have to say about Aceternity UI.
Manu Arora
Senior Software Engineer
These cards are amazing, I want to use them in my project. Framer motion is a godsend ngl tbh fam 🙏
Robert Johnson
Frontend Developer
The components are well-designed and the documentation is clear. Great work!
Jane Smith
UI Designer
The animations are smooth and the components integrate perfectly with my existing projects.
FAQ
Frequently asked questions
Everything you need to know about Aceternity UI
What is Aceternity UI?
Aceternity UI is a collection of beautiful components built with Tailwind CSS and Framer Motion, designed to help you build modern websites faster.
How do I install the components?
Simply install via npm or yarn and import the components you need. All components are fully documented with examples.
Do you offer support?
Yes, we offer premium support for Pro users. Community support is available for all users through our Discord channel.
Can I use these in commercial projects?
Yes, all Pro components come with a commercial license. For enterprise usage, please contact our sales team.