Aceternity UI components
Copy-paste Tailwind CSS and Framer Motion components for landing pages, hero sections and SaaS apps.
- Components
- 120
- Framework
- React
- Stack
- React, TypeScript, Tailwind
- License
- Aceternity License
- Website
- https://ui.aceternity.com
All Aceternity UI components
- 3d Card
- 3d Globe
- 3d Marquee
- 3d Pin
- Animated Modal
- Animated Testimonials
- Animated Tooltip
- Apple Cards Carousel
- Ascii Art
- Aurora Background
- Background Beams
- Background Beams With Collision
- Background Boxes
- Background Cubes Grid
- Background Gradient
- Background Gradient Animation
- Background Lines
- Background Ripple Effect
- Bento Grid
- Canvas Reveal Effect
- Canvas Text
- Card Hover Effect
- Card Spotlight
- Card Stack
- Cards Demo 1
- Cards Demo 2
- Cards Demo 3: Feature Block Animated Card
- Carousel
- Chromatic Image
- Cloud Shader
- Code Block
- Colourful Text
- Comet Card
- Compare
- Container Scroll Animation
- Container Text Flip: Boxed word inside a sentence that flips through a list of words, with the box resizing to fit each one.
- Cover
- Direction Aware Hover
- Dither Shader
- Dotted Glow Background: Canvas-based dotted background that randomly glows and dims.
- Draggable Card
- Encrypted Text
- Evervault Card
- Features Section Demo 1: Simple with card gradient
- Features Section Demo 2: Simple with hover effects
- Features Section Demo 3
- File Upload
- Flip Words: Word inside a sentence that is replaced by the next one of a list, letters blurring out and in.
- Floating Dock
- Floating Navbar
- Focus Cards
- Following Pointer
- Glare Card
- Globe
- Glowing Effect
- Glowing Stars
- Gooey Input
- Google Gemini Effect
- Grid
- Hero Highlight
- Hero Parallax
- Hover Border Gradient
- Image Generation Loader
- Images Badge
- Images Slider
- Infinite Moving Cards
- Input
- Keyboard
- Label
- Lamp
- Layout Grid
- Layout Text Flip: Headline with a fixed part and a boxed word that flips through a list, the layout shifting smoothly.
- Lens
- Link Preview
- Liquid Glass
- Loader
- Macbook Scroll
- Magnetic Button
- Meteors
- Moving Border
- Moving Line
- Multi Step Loader
- Navbar Menu
- Noise Background
- Notch
- Parallax Hero Images
- Parallax Scroll
- Parallax Scroll 2
- Pixelated Canvas
- Placeholders And Vanish Input
- Pointer Highlight
- Resizable Navbar
- Scales
- Shooting Stars
- Sidebar
- Sparkles
- Spotlight
- Spotlight New
- Squiggly Text
- Stars Background
- Stateful Button
- Sticky Banner
- Sticky Scroll Reveal
- Svg Mask Effect
- Tabs
- Tailwindcss Buttons
- Terminal
- Text Flipping Board
- Text Generate Effect
- Text Hover Effect
- Text Reveal Card
- Timeline
- Tooltip Card
- Tracing Beam
- Typewriter Effect: Text typed out one character at a time with a blinking cursor.
- Vortex
- Wavy Background
- Webcam Pixel Grid
- Wobble Card: Card that shifts and wobbles following the pointer while hovered.
- World Map
Browse by category
- Backdrop Components
- Data Display Components
- Effect Components
- Media Components
- Card Components
- Pattern Background Components
- Text Components
- Layout Components
- Animated Text Components
- Section Components
- Navigation Components
- Feedback Components
- Gallery Components
- Grid Components
- Beam Background Components
- Hero Components
- Overlay Components
- Image Effect Components
- Grid Background Components
- Image Components