@aceternity

Popular copy-paste React component library with 200+ animated, visually striking components and blocks built with Tailwind CSS and Framer Motion (Motion for React). Notable components include: background beams/boxes/lines/aurora, sparkles, vortex, spotlight, canvas reveal effect, 3D card effect, card stack, sticky scroll reveal, tracing beam, lamp effect, wobble card, infinite moving cards, parallax scroll, and many more. Freemium: most components are free; a paid All-Access tier unlocks premium blocks and templates. Targets Next.js + Tailwind CSS v3. Use for: SaaS or portfolio landing pages that need high-impact animated sections without a design team.

60 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.aceternity.com/registry/registry.json

pnpm pnpm dlx shadcn@latest add https://ui.aceternity.com/registry/registry.json

bun bunx shadcn@latest add https://ui.aceternity.com/registry/registry.json

fetch registry curl -s https://ui.aceternity.com/registry/registry.json

Components

60 total

grid ui

npx shadcn@latest add https://ui.aceternity.com/registry/grid.json

moving-line ui

npx shadcn@latest add https://ui.aceternity.com/registry/moving-line.json

sparkles ui

npx shadcn@latest add https://ui.aceternity.com/registry/sparkles.json

spotlight ui

npx shadcn@latest add https://ui.aceternity.com/registry/spotlight.json

glowing-stars ui

npx shadcn@latest add https://ui.aceternity.com/registry/glowing-stars.json

text-reveal-card ui

npx shadcn@latest add https://ui.aceternity.com/registry/text-reveal-card.json

animated-tooltip ui

npx shadcn@latest add https://ui.aceternity.com/registry/animated-tooltip.json

following-pointer ui

npx shadcn@latest add https://ui.aceternity.com/registry/following-pointer.json

background-beams ui

npx shadcn@latest add https://ui.aceternity.com/registry/background-beams.json

svg-mask-effect ui

npx shadcn@latest add https://ui.aceternity.com/registry/svg-mask-effect.json

infinite-moving-cards ui

npx shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.json

3d-pin ui

npx shadcn@latest add https://ui.aceternity.com/registry/3d-pin.json

evervault-card ui

npx shadcn@latest add https://ui.aceternity.com/registry/evervault-card.json

parallax-scroll ui

npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll.json

parallax-scroll-2 ui

npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll-2.json

parallax-hero-images ui

npx shadcn@latest add https://ui.aceternity.com/registry/parallax-hero-images.json

tracing-beam ui

npx shadcn@latest add https://ui.aceternity.com/registry/tracing-beam.json

container-scroll-animation ui

npx shadcn@latest add https://ui.aceternity.com/registry/container-scroll-animation.json

text-generate-effect ui

npx shadcn@latest add https://ui.aceternity.com/registry/text-generate-effect.json

meteors ui

npx shadcn@latest add https://ui.aceternity.com/registry/meteors.json

card-stack ui

npx shadcn@latest add https://ui.aceternity.com/registry/card-stack.json

moving-border ui

npx shadcn@latest add https://ui.aceternity.com/registry/moving-border.json

lamp ui

npx shadcn@latest add https://ui.aceternity.com/registry/lamp.json

sticky-scroll-reveal ui

npx shadcn@latest add https://ui.aceternity.com/registry/sticky-scroll-reveal.json

floating-navbar ui

npx shadcn@latest add https://ui.aceternity.com/registry/floating-navbar.json

navbar-menu ui

npx shadcn@latest add https://ui.aceternity.com/registry/navbar-menu.json

tailwindcss-buttons ui

npx shadcn@latest add https://ui.aceternity.com/registry/tailwindcss-buttons.json

bento-grid ui

npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid.json

card-hover-effect ui

npx shadcn@latest add https://ui.aceternity.com/registry/card-hover-effect.json

google-gemini-effect ui

npx shadcn@latest add https://ui.aceternity.com/registry/google-gemini-effect.json

gooey-input ui

npx shadcn@latest add https://ui.aceternity.com/registry/gooey-input.json

typewriter-effect ui

npx shadcn@latest add https://ui.aceternity.com/registry/typewriter-effect.json

background-boxes ui

npx shadcn@latest add https://ui.aceternity.com/registry/background-boxes.json

3d-card ui

npx shadcn@latest add https://ui.aceternity.com/registry/3d-card.json

images-slider ui

npx shadcn@latest add https://ui.aceternity.com/registry/images-slider.json

direction-aware-hover ui

npx shadcn@latest add https://ui.aceternity.com/registry/direction-aware-hover.json

tabs ui

npx shadcn@latest add https://ui.aceternity.com/registry/tabs.json

hero-parallax ui

npx shadcn@latest add https://ui.aceternity.com/registry/hero-parallax.json

wavy-background ui

npx shadcn@latest add https://ui.aceternity.com/registry/wavy-background.json

background-gradient ui

npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient.json

layout-grid ui

npx shadcn@latest add https://ui.aceternity.com/registry/layout-grid.json

background-gradient-animation ui

npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient-animation.json

macbook-scroll ui

npx shadcn@latest add https://ui.aceternity.com/registry/macbook-scroll.json

input ui

npx shadcn@latest add https://ui.aceternity.com/registry/input.json

label ui

npx shadcn@latest add https://ui.aceternity.com/registry/label.json

multi-step-loader ui

npx shadcn@latest add https://ui.aceternity.com/registry/multi-step-loader.json

globe ui

npx shadcn@latest add https://ui.aceternity.com/registry/globe.json

aurora-background ui

npx shadcn@latest add https://ui.aceternity.com/registry/aurora-background.json

canvas-reveal-effect ui

npx shadcn@latest add https://ui.aceternity.com/registry/canvas-reveal-effect.json

hover-border-gradient ui

npx shadcn@latest add https://ui.aceternity.com/registry/hover-border-gradient.json

hero-highlight ui

npx shadcn@latest add https://ui.aceternity.com/registry/hero-highlight.json

vortex ui

npx shadcn@latest add https://ui.aceternity.com/registry/vortex.json

wobble-card ui

npx shadcn@latest add https://ui.aceternity.com/registry/wobble-card.json

placeholders-and-vanish-input ui

npx shadcn@latest add https://ui.aceternity.com/registry/placeholders-and-vanish-input.json

flip-words ui

npx shadcn@latest add https://ui.aceternity.com/registry/flip-words.json

link-preview ui

npx shadcn@latest add https://ui.aceternity.com/registry/link-preview.json

glare-card ui

npx shadcn@latest add https://ui.aceternity.com/registry/glare-card.json

animated-modal ui

npx shadcn@latest add https://ui.aceternity.com/registry/animated-modal.json

sidebar ui

npx shadcn@latest add https://ui.aceternity.com/registry/sidebar.json

apple-cards-carousel ui

npx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json