# Aceternity UI

> Copy-paste animated React and Tailwind CSS components built with Framer Motion.

- Owner: [Manu Arora](https://21st.dev/@manuarora700)
- Components: 87
- Website: https://aceternity.com/?ref=serafim
- GitHub: https://github.com/manuarora700
- Live page: https://21st.dev/@manuarora700/library/aceternity-ui

## Components

All 87 of them:

- [3D Animated Pin](https://21st.dev/@manuarora700/components/3d-pin.md)
- [3D Card Effect](https://21st.dev/@manuarora700/components/3d-card-effect.md)
- [3D Marquee](https://21st.dev/@manuarora700/components/3d-marquee.md)
- [Animated Modal](https://21st.dev/@manuarora700/components/animated-modal.md)
- [Animated Tabs](https://21st.dev/@manuarora700/components/tabs.md)
- [Animated Testimonials](https://21st.dev/@manuarora700/components/animated-testimonials.md)
- [Animated Tooltip](https://21st.dev/@manuarora700/components/animated-tooltip.md)
- [Aurora Background](https://21st.dev/@manuarora700/components/aurora-background.md)
- [Background Beams](https://21st.dev/@manuarora700/components/background-beams.md)
- [Background Beams With Collision](https://21st.dev/@manuarora700/components/background-beams-with-collision.md)
- [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md)
- [Background Gradient](https://21st.dev/@manuarora700/components/background-gradient.md)
- [Background Gradient Animation](https://21st.dev/@manuarora700/components/background-gradient-animation.md)
- [Background Ripple Effect](https://21st.dev/@manuarora700/components/background-ripple-effect.md)
- [Badge](https://21st.dev/@manuarora700/components/badge.md)
- [Bento Grid](https://21st.dev/@manuarora700/components/bento-grid.md)
- [Button](https://21st.dev/@manuarora700/components/button.md)
- [Canvas Reveal Effect](https://21st.dev/@manuarora700/components/canvas-reveal-effect.md)
- [Card Spotlight](https://21st.dev/@manuarora700/components/card-spotlight.md)
- [Card Stack](https://21st.dev/@manuarora700/components/card-stack.md)
- [Carousel](https://21st.dev/@manuarora700/components/carousel.md)
- [Code block](https://21st.dev/@manuarora700/components/code-block.md)
- [Colourful Text](https://21st.dev/@manuarora700/components/colourful-text.md)
- [Compare](https://21st.dev/@manuarora700/components/compare.md)
- [Container Scroll Animation](https://21st.dev/@manuarora700/components/container-scroll-animation.md)
- [Container Text Flip](https://21st.dev/@manuarora700/components/container-text-flip.md)
- [Content Card](https://21st.dev/@manuarora700/components/content-card.md)
- [Cover](https://21st.dev/@manuarora700/components/cover.md)
- [Diagram Card](https://21st.dev/@manuarora700/components/diagram-card.md)
- [Direction Aware Hover](https://21st.dev/@manuarora700/components/direction-aware-hover.md)
- [Draggable Card](https://21st.dev/@manuarora700/components/draggable-card.md)
- [Evervault Card](https://21st.dev/@manuarora700/components/evervault-card.md)
- [Feature Block Animated Card](https://21st.dev/@manuarora700/components/feature-block-animated-card.md)
- [Feature Section with Bento Grid](https://21st.dev/@manuarora700/components/feature-section-with-bento-grid.md)
- [Feature Section with card gradient](https://21st.dev/@manuarora700/components/feature-section-with-card-gradient.md)
- [Feature Section with hover effects](https://21st.dev/@manuarora700/components/feature-section-with-hover-effects.md)
- [File Upload](https://21st.dev/@manuarora700/components/file-upload.md)
- [Flip Words](https://21st.dev/@manuarora700/components/flip-words.md)
- [Floating Navbar](https://21st.dev/@manuarora700/components/floating-navbar.md)
- [Focus Cards](https://21st.dev/@manuarora700/components/focus-cards.md)
- [Following Pointer](https://21st.dev/@manuarora700/components/following-pointer.md)
- [Framer Motion Switch](https://21st.dev/@manuarora700/components/framer-motion-switch.md)
- [Glare Card](https://21st.dev/@manuarora700/components/glare-card.md)
- [Glowing Background Stars Card](https://21st.dev/@manuarora700/components/glowing-background-stars-card.md)
- [Glowing Effect](https://21st.dev/@manuarora700/components/glowing-effect.md)
- [Glowing Effect Card](https://21st.dev/@manuarora700/components/glowing-effect-card.md)
- [Glowing Stars](https://21st.dev/@manuarora700/components/glowing-stars.md)
- [Google Gemini Effect](https://21st.dev/@manuarora700/components/google-gemini-effect.md)
- [Hero Highlight](https://21st.dev/@manuarora700/components/hero-highlight.md)
- [Hero Parallax](https://21st.dev/@manuarora700/components/hero-parallax.md)
- [Hero Section](https://21st.dev/@manuarora700/components/hero-section.md)
- [Hover Border Gradient](https://21st.dev/@manuarora700/components/hover-border-gradient.md)
- [Images Slider](https://21st.dev/@manuarora700/components/images-slider.md)
- [Infinite Moving Cards](https://21st.dev/@manuarora700/components/infinite-moving-cards.md)
- [Lamp](https://21st.dev/@manuarora700/components/lamp.md)
- [Layout Grid](https://21st.dev/@manuarora700/components/layout-grid.md)
- [Lens](https://21st.dev/@manuarora700/components/lens.md)
- [Link Preview](https://21st.dev/@manuarora700/components/link-preview.md)
- [Meteors](https://21st.dev/@manuarora700/components/meteors.md)
- [Moving Border](https://21st.dev/@manuarora700/components/moving-border.md)
- [Navbar Menu](https://21st.dev/@manuarora700/components/navbar-menu.md)
- [Parallax Grid Scroll](https://21st.dev/@manuarora700/components/parallax-scroll.md)
- [Placeholders And Vanish Input](https://21st.dev/@manuarora700/components/placeholders-and-vanish-input.md)
- [Pointer Highlight](https://21st.dev/@manuarora700/components/pointer-highlight.md)
- [Pulse Beams](https://21st.dev/@manuarora700/components/pulse-beams.md)
- [Radar Effect](https://21st.dev/@manuarora700/components/radar-effect.md)
- [Resizable Navbar](https://21st.dev/@manuarora700/components/resizable-navbar.md)
- [Shooting Stars](https://21st.dev/@manuarora700/components/shooting-stars.md)
- [Sidebar](https://21st.dev/@manuarora700/components/sidebar.md)
- [Signup Form](https://21st.dev/@manuarora700/components/signup-form.md)
- [Sparkles](https://21st.dev/@manuarora700/components/sparkles.md)
- [Spotlight](https://21st.dev/@manuarora700/components/spotlight.md)
- [Spotlight New](https://21st.dev/@manuarora700/components/spotlight-new.md)
- [Squiggly Underline](https://21st.dev/@manuarora700/components/squiggly-underline.md)
- [Stars Background](https://21st.dev/@manuarora700/components/stars-background.md)
- [Sticky Banner](https://21st.dev/@manuarora700/components/sticky-banner.md)
- [Sticky Scroll Reveal](https://21st.dev/@manuarora700/components/sticky-scroll-reveal.md)
- [SVG Mask Effect](https://21st.dev/@manuarora700/components/svg-mask-effect.md)
- [Text Generate Effect](https://21st.dev/@manuarora700/components/text-generate-effect.md)
- [Text Hover Effect](https://21st.dev/@manuarora700/components/text-hover-effect.md)
- [Text Reveal Card](https://21st.dev/@manuarora700/components/text-reveal-card.md)
- [Timeline](https://21st.dev/@manuarora700/components/timeline.md)
- [Tracing Beam](https://21st.dev/@manuarora700/components/tracing-beam.md)
- [Typewriter Effect](https://21st.dev/@manuarora700/components/typewriter-effect.md)
- [Vortex Background](https://21st.dev/@manuarora700/components/vortex.md)
- [Wavy Background](https://21st.dev/@manuarora700/components/wavy-background.md)
- [World Map](https://21st.dev/@manuarora700/components/world-map.md)

Full component directory: https://21st.dev/llms.txt