A modern component library built with Tailwind CSS and Motion for React, Aceternity UI contains unique and interactive components that can make your landing pages look 100x better.
Centered With Logo
Chat Conversation
Collaborative Cursors
Collapsible Sidebar
Contact Form Grid With Details
Contact Section With Shader Background and Rotating Testimonials
Contact section with dithered landscape background, testimonial card, and split form
CTA Centered Masonry Gallery
CTA With Background Noise
CTA With Centered Text
CTA With Dashed Grid Lines
CTA With Masonry Images
Feature section with dithered image backdrop, tabbed content cards, and chat conversation skeletons
A dot distortion shader for creating dynamic background effects.
Swipeable stack of profile cards with spring physics; flick cards off the deck and they cycle to the back
Animated Dynamic Island with customizable idle, loading, and processed states
Full-height empty state on a dotted canvas with three image cards for choosing how to start
Empty project state with corner grid lines, CTAs, and fanned template thumbnails
Empty hiring-style layout with a swipeable card deck above primary actions
Centered empty state with stacked photo frames and gentle motion
Soft panel empty state with overlapping template previews and doc link
Expandable Card On Click
FAQs With Dashed Lines and Accordion
Faqs With Grid
Bento Grid Feature Section With Animated Skeletons
Three-column feature section with icon-led copy on the sides and a centered showcase area (image backdrop plus animated reveal)
Feature section with horizontal device skeletons (iPhone, MacBook, iPad) with animated beams, Dynamic Island interactions, and compliance/security cards
Feature section with animated terminal and expandable feature tabs
Feature section with vertical grid layout, animated skeletons including login form, world map, chat conversation, and keyboard
A grid of 3 with micro-interactions and animations. Title and descriptions are flex row aligned on desktop screens and column on mobile screens. There are skeleton items with perspective designs, adding depth into the design. Cards have title, description, badge, and tags.
Simple with card gradient
Simple with hover effects
Bento Grid