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.
Features Section With Skeletons
Feature section with accordion list, CTAs, and a cinematic image preview with floating assistant UI
Feature grid with hover-driven headline and Motion text swap, responsive cell dividers
Feature cards with animated isometric box illustrations
Three-column feature section with square-edged cards, corner marks, and AI note-taking UI mockups
Feature section with stacked isometric boxes and autoplay animation
Features with sticky scroll
Minimal feature grid with inline icons and responsive separators
Animated Image Carousel with Scanning Bar Reveal and Sparkle Effects
Folder With Files
Footer With Big Text
Footer With Grid
Frequently Asked Questions Accordion
Full Background Image With Text
Grouped Sidebar with Collapsible Groups and Persistent State
Hero Section With Beams and Grid
Hero Section With Dither Background
Hero Section With Flickering Lights
Hero Section With Images Grid and Navbar
Hero Section With Infinite Scroll Cards
Hero Section With Mesh Gradient
Hero section with hover highlight showing element dimensions and sliding number animation
Hero Section With Multi Color Background
Hero Section With Noise Background
Hero Section With Shadow and Scales
Hero Section With Tabs
Hero With Background And Navbar
Hero With Centered Image
Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid
Hero with animated dither shader background, scale bands, product screenshot, and logo rail
Hero with hatch scale bands, corner frames, split copy and image, and a logo rail
A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons and an Image. Image has a mouse move event that shows the scales behind the image. Perfect for hero sections that require a modern look.