---
name: "@aceternity"
slug: "aceternity"
description: "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."
category: "Animated components"
tags: ["3d", "aesthetic", "animation", "backgrounds", "blocks", "buttons", "cards", "dashboard", "design-system", "forms", "loaders", "maps", "marketing", "media", "navigation", "overlays", "pro-available", "retro", "saas", "tables", "text-effects"]
framework: "react"
license: null
author: "aceternity"
website: "https://ui.aceternity.com"
github: "https://github.com/aceternity"
registry: "https://ui.aceternity.com/registry/registry.json"
pro: true
pro_url: "https://pro.aceternity.com"
github_stars: null
component_count: 250
generated_at: "2026-07-28T08:00:50.948Z"
---

# @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.

## Links

- Website: https://ui.aceternity.com
- GitHub: https://github.com/aceternity
- Registry JSON: https://ui.aceternity.com/registry/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/aceternity
- This file: https://sh4dcn.vercel.app/md/aceternity.md
- Pro / pricing: https://pro.aceternity.com

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.aceternity.com/registry/registry.json
pnpm dlx shadcn@latest add https://ui.aceternity.com/registry/registry.json
bunx shadcn@latest add https://ui.aceternity.com/registry/registry.json
# clone the source repo
git clone https://github.com/aceternity.git
# fetch the raw registry index
curl -s https://ui.aceternity.com/registry/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| grid | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/grid.json` |
| moving-line | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/moving-line.json` |
| sparkles | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/sparkles.json` |
| spotlight | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/spotlight.json` |
| glowing-stars | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/glowing-stars.json` |
| text-reveal-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/text-reveal-card.json` |
| animated-tooltip | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/animated-tooltip.json` |
| following-pointer | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/following-pointer.json` |
| background-beams | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-beams.json` |
| svg-mask-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/svg-mask-effect.json` |
| infinite-moving-cards | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.json` |
| 3d-pin | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/3d-pin.json` |
| evervault-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/evervault-card.json` |
| parallax-scroll | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll.json` |
| parallax-scroll-2 | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll-2.json` |
| parallax-hero-images | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/parallax-hero-images.json` |
| tracing-beam | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/tracing-beam.json` |
| container-scroll-animation | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/container-scroll-animation.json` |
| text-generate-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/text-generate-effect.json` |
| meteors | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/meteors.json` |
| card-stack | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/card-stack.json` |
| moving-border | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/moving-border.json` |
| lamp | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/lamp.json` |
| sticky-scroll-reveal | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/sticky-scroll-reveal.json` |
| floating-navbar | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/floating-navbar.json` |
| navbar-menu | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-menu.json` |
| tailwindcss-buttons | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/tailwindcss-buttons.json` |
| bento-grid | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid.json` |
| card-hover-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/card-hover-effect.json` |
| google-gemini-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/google-gemini-effect.json` |
| gooey-input | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/gooey-input.json` |
| typewriter-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/typewriter-effect.json` |
| background-boxes | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-boxes.json` |
| 3d-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/3d-card.json` |
| images-slider | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/images-slider.json` |
| direction-aware-hover | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/direction-aware-hover.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/tabs.json` |
| hero-parallax | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-parallax.json` |
| wavy-background | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/wavy-background.json` |
| background-gradient | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient.json` |
| layout-grid | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/layout-grid.json` |
| background-gradient-animation | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient-animation.json` |
| macbook-scroll | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/macbook-scroll.json` |
| input | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/input.json` |
| label | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/label.json` |
| multi-step-loader | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/multi-step-loader.json` |
| globe | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/globe.json` |
| aurora-background | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/aurora-background.json` |
| canvas-reveal-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/canvas-reveal-effect.json` |
| hover-border-gradient | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/hover-border-gradient.json` |
| hero-highlight | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-highlight.json` |
| vortex | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/vortex.json` |
| wobble-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/wobble-card.json` |
| placeholders-and-vanish-input | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/placeholders-and-vanish-input.json` |
| flip-words | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/flip-words.json` |
| link-preview | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/link-preview.json` |
| glare-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/glare-card.json` |
| animated-modal | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/animated-modal.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/sidebar.json` |
| apple-cards-carousel | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json` |
| shooting-stars | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/shooting-stars.json` |
| stars-background | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/stars-background.json` |
| compare | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/compare.json` |
| card-spotlight | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/card-spotlight.json` |
| cover | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/cover.json` |
| file-upload | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/file-upload.json` |
| floating-dock | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/floating-dock.json` |
| focus-cards | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/focus-cards.json` |
| background-beams-with-collision | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-beams-with-collision.json` |
| timeline | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/timeline.json` |
| text-hover-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/text-hover-effect.json` |
| lens | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/lens.json` |
| background-lines | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-lines.json` |
| animated-testimonials | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/animated-testimonials.json` |
| world-map | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/world-map.json` |
| code-block | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/code-block.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/carousel.json` |
| colourful-text | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/colourful-text.json` |
| squiggly-text | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/squiggly-text.json` |
| magnetic-button | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/magnetic-button.json` |
| notch | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/notch.json` |
| spotlight-new | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-new.json` |
| glowing-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/glowing-effect.json` |
| 3d-marquee | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/3d-marquee.json` |
| container-text-flip | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/container-text-flip.json` |
| resizable-navbar | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/resizable-navbar.json` |
| draggable-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/draggable-card.json` |
| sticky-banner | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/sticky-banner.json` |
| pointer-highlight | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/pointer-highlight.json` |
| stateful-button | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/stateful-button.json` |
| loader | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/loader.json` |
| comet-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/comet-card.json` |
| background-ripple-effect | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/background-ripple-effect.json` |
| pixelated-canvas | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/pixelated-canvas.json` |
| canvas-text | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/canvas-text.json` |
| layout-text-flip | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/layout-text-flip.json` |
| dotted-glow-background | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/dotted-glow-background.json` |
| tooltip-card | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/tooltip-card.json` |
| encrypted-text | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/encrypted-text.json` |
| noise-background | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/noise-background.json` |
| dither-shader | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/dither-shader.json` |
| webcam-pixel-grid | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/webcam-pixel-grid.json` |
| images-badge | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/images-badge.json` |
| keyboard | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/keyboard.json` |
| terminal | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/terminal.json` |
| 3d-globe | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/3d-globe.json` |
| ascii-art | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/ascii-art.json` |
| scales | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/scales.json` |
| text-flipping-board | registry:ui | — | `npx shadcn@latest add https://ui.aceternity.com/registry/text-flipping-board.json` |
| cards-demo-1 | registry:block | Background Overlay Card | `npx shadcn@latest add https://ui.aceternity.com/registry/cards-demo-1.json` |
| cards-demo-2 | registry:block | Content Card | `npx shadcn@latest add https://ui.aceternity.com/registry/cards-demo-2.json` |
| cards-demo-3 | registry:block | Feature Block Animated Card | `npx shadcn@latest add https://ui.aceternity.com/registry/cards-demo-3.json` |
| expandable-card-on-click | registry:block | Expandable Card On Click | `npx shadcn@latest add https://ui.aceternity.com/registry/expandable-card-on-click.json` |
| features-section-demo-1 | registry:block | Simple with card gradient | `npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-1.json` |
| features-section-demo-2 | registry:block | Simple with hover effects | `npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-2.json` |
| features-section-demo-3 | registry:block | Bento Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-3.json` |
| features-with-sticky-scroll | registry:block | Features with sticky scroll | `npx shadcn@latest add https://ui.aceternity.com/registry/features-with-sticky-scroll.json` |
| hero-with-centered-image | registry:block | Hero With Centered Image | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-centered-image.json` |
| modern-hero-with-gradients | registry:block | Modern Hero With Gradients | `npx shadcn@latest add https://ui.aceternity.com/registry/modern-hero-with-gradients.json` |
| two-column-with-image | registry:block | Two Column With Image | `npx shadcn@latest add https://ui.aceternity.com/registry/two-column-with-image.json` |
| full-background-image-with-text | registry:block | Full Background Image With Text | `npx shadcn@latest add https://ui.aceternity.com/registry/full-background-image-with-text.json` |
| centered-around-testimonials | registry:block | Centered Around Testimonials | `npx shadcn@latest add https://ui.aceternity.com/registry/centered-around-testimonials.json` |
| hero-section-with-images-grid-and-navbar | registry:block | Hero Section With Images Grid and Navbar | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-images-grid-and-navbar.json` |
| hero-section-with-beams-and-grid | registry:block | Hero Section With Beams and Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-beams-and-grid.json` |
| hero-section-with-noise-background | registry:block | Hero Section With Noise Background | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-noise-background.json` |
| logo-cloud-marquee | registry:block | Logo Cloud Marquee | `npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-marquee.json` |
| logos-with-blur-flip | registry:block | Logos With Blur Flip | `npx shadcn@latest add https://ui.aceternity.com/registry/logos-with-blur-flip.json` |
| spotlight-logo-cloud | registry:block | Spotlight Logo Cloud | `npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-logo-cloud.json` |
| three-column-bento-grid | registry:block | Three Column Bento Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/three-column-bento-grid.json` |
| three-columns-with-images | registry:block | Three Columns With Images | `npx shadcn@latest add https://ui.aceternity.com/registry/three-columns-with-images.json` |
| bento-grid-example-three | registry:block | Bento Grid Example Three | `npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid-example-three.json` |
| simple-cta-with-images | registry:block | Simple CTA With Images | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-cta-with-images.json` |
| cta-with-masonry-images | registry:block | CTA With Masonry Images | `npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-masonry-images.json` |
| cta-centered-masonry-gallery | registry:block | CTA Centered Masonry Gallery | `npx shadcn@latest add https://ui.aceternity.com/registry/cta-centered-masonry-gallery.json` |
| cta-with-background-noise | registry:block | CTA With Background Noise | `npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-background-noise.json` |
| cta-with-centered-text | registry:block | CTA With Centered Text | `npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-centered-text.json` |
| cta-with-dashed-grid-lines | registry:block | CTA With Dashed Grid Lines | `npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-dashed-grid-lines.json` |
| testimonials-grid-with-centered-carousel | registry:block | Testimonials Grid With Centered Carousel | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-grid-with-centered-carousel.json` |
| testimonials-marquee-grid | registry:block | Testimonials Marquee Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-marquee-grid.json` |
| testimonials-marquee-grid-boxed | registry:block | Two-row testimonial marquee with framed section and bordered cards | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-marquee-grid-boxed.json` |
| testimonials-masonry-grid | registry:block | Testimonials Masonry Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-masonry-grid.json` |
| simple-pricing-with-three-tiers | registry:block | Simple Pricing With Three Tiers | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-pricing-with-three-tiers.json` |
| pricing-with-switch | registry:block | Pricing With Switch | `npx shadcn@latest add https://ui.aceternity.com/registry/pricing-with-switch.json` |
| pricing-with-switch-and-add-on | registry:block | Pricing With Switch And Add On | `npx shadcn@latest add https://ui.aceternity.com/registry/pricing-with-switch-and-add-on.json` |
| pricing-minimal | registry:block | Minimal Pricing with Enterprise Section | `npx shadcn@latest add https://ui.aceternity.com/registry/pricing-minimal.json` |
| simple-navbar-with-hover-effects | registry:block | Simple Navbar With Hover Effects | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-navbar-with-hover-effects.json` |
| navbar-with-children | registry:block | Navbar With Children | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-with-children.json` |
| simple-footer-with-four-grids | registry:block | Simple Footer With Four Grids | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-footer-with-four-grids.json` |
| footer-with-grid | registry:block | Footer With Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/footer-with-grid.json` |
| footer-with-big-text | registry:block | Footer With Big Text | `npx shadcn@latest add https://ui.aceternity.com/registry/footer-with-big-text.json` |
| centered-with-logo | registry:block | Centered With Logo | `npx shadcn@latest add https://ui.aceternity.com/registry/centered-with-logo.json` |
| registration-form-with-images | registry:block | Registration Form With Images | `npx shadcn@latest add https://ui.aceternity.com/registry/registration-form-with-images.json` |
| login-with-socials-and-email | registry:block | Login With Socials And Email | `npx shadcn@latest add https://ui.aceternity.com/registry/login-with-socials-and-email.json` |
| login-signup-minimal | registry:block | Login Signup Minimal | `npx shadcn@latest add https://ui.aceternity.com/registry/login-signup-minimal.json` |
| premium-auth-split | registry:block | Premium Auth Split with WebGL Shader | `npx shadcn@latest add https://ui.aceternity.com/registry/premium-auth-split.json` |
| contact-form-grid-with-details | registry:block | Contact Form Grid With Details | `npx shadcn@latest add https://ui.aceternity.com/registry/contact-form-grid-with-details.json` |
| simple-centered-contact-form | registry:block | Simple Centered Contact Form | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-centered-contact-form.json` |
| blog-with-search | registry:block | Blog With Search | `npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-search.json` |
| blog-with-search-magazine | registry:block | Blog With Search — magazine layout with cover story and card grid | `npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-search-magazine.json` |
| blog-with-categories | registry:block | Blog listing with three featured cards and a denser four-column grid below, category labels on each post | `npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-categories.json` |
| simple-blog-with-grid | registry:block | Simple Blog With Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-blog-with-grid.json` |
| playful-hero-section | registry:block | Playful Hero Section | `npx shadcn@latest add https://ui.aceternity.com/registry/playful-hero-section.json` |
| frequently-asked-questions-accordion | registry:block | Frequently Asked Questions Accordion | `npx shadcn@latest add https://ui.aceternity.com/registry/frequently-asked-questions-accordion.json` |
| simple-faqs-with-background | registry:block | Simple FAQs With Background | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-faqs-with-background.json` |
| faqs-with-grid | registry:block | Faqs With Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/faqs-with-grid.json` |
| simple-sidebar-with-hover | registry:block | Simple Sidebar With Hover | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-sidebar-with-hover.json` |
| collapsible-sidebar | registry:block | Collapsible Sidebar | `npx shadcn@latest add https://ui.aceternity.com/registry/collapsible-sidebar.json` |
| grouped-sidebar | registry:block | Grouped Sidebar with Collapsible Groups and Persistent State | `npx shadcn@latest add https://ui.aceternity.com/registry/grouped-sidebar.json` |
| blog-content-centered | registry:block | Blog Content Centered | `npx shadcn@latest add https://ui.aceternity.com/registry/blog-content-centered.json` |
| blog-content-with-toc | registry:block | Blog Content With Toc | `npx shadcn@latest add https://ui.aceternity.com/registry/blog-content-with-toc.json` |
| stats-for-changelog | registry:block | Stats For Changelog | `npx shadcn@latest add https://ui.aceternity.com/registry/stats-for-changelog.json` |
| stats-with-number-ticker | registry:block | Stats With Number Ticker | `npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-number-ticker.json` |
| stats-with-grid-background | registry:block | Stats With Grid Background | `npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-grid-background.json` |
| stats-with-gradient | registry:block | Stats With Gradient | `npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-gradient.json` |
| background-with-full-video | registry:block | Background With Full Video | `npx shadcn@latest add https://ui.aceternity.com/registry/background-with-full-video.json` |
| background-lines | registry:block | Background Lines | `npx shadcn@latest add https://ui.aceternity.com/registry/background-lines.json` |
| background-with-shooting-stars | registry:block | Background With Shooting Stars | `npx shadcn@latest add https://ui.aceternity.com/registry/background-with-shooting-stars.json` |
| background-dots | registry:block | Background Dots | `npx shadcn@latest add https://ui.aceternity.com/registry/background-dots.json` |
| background-dots-masked | registry:block | Background Dots Masked | `npx shadcn@latest add https://ui.aceternity.com/registry/background-dots-masked.json` |
| background-dots-masked-vertical | registry:block | Background Dots Masked Vertical | `npx shadcn@latest add https://ui.aceternity.com/registry/background-dots-masked-vertical.json` |
| background-grid-with-dots | registry:block | Background Grid with Dots | `npx shadcn@latest add https://ui.aceternity.com/registry/background-grid-with-dots.json` |
| background-grid-with-dots-and-animations | registry:block | Background Grid with Dots and Animations | `npx shadcn@latest add https://ui.aceternity.com/registry/background-grid-with-dots-and-animations.json` |
| background-with-skewed-rectangles | registry:block | Background With Skewed Rectangles | `npx shadcn@latest add https://ui.aceternity.com/registry/background-with-skewed-rectangles.json` |
| background-with-skewed-lines | registry:block | Background With Skewed Lines | `npx shadcn@latest add https://ui.aceternity.com/registry/background-with-skewed-lines.json` |
| background-noise-grid | registry:block | Background Noise Grid | `npx shadcn@latest add https://ui.aceternity.com/registry/background-noise-grid.json` |
| text-animation-flipping-words-demo | registry:block | Text Animation Flipping Words Demo | `npx shadcn@latest add https://ui.aceternity.com/registry/text-animation-flipping-words-demo.json` |
| text-animation-typewriter-effect-demo | registry:block | Text Animation Typewriter Effect Demo | `npx shadcn@latest add https://ui.aceternity.com/registry/text-animation-typewriter-effect-demo.json` |
| text-animation-blur-fade-in-demo | registry:block | Text Animation Blur Fade In Demo | `npx shadcn@latest add https://ui.aceternity.com/registry/text-animation-blur-fade-in-demo.json` |
| text-generate-typewriter | registry:block | Text Generate Typewriter with Keyboard Sounds | `npx shadcn@latest add https://ui.aceternity.com/registry/text-generate-typewriter.json` |
| login-form-with-gradient | registry:block | Login Form With Gradient | `npx shadcn@latest add https://ui.aceternity.com/registry/login-form-with-gradient.json` |
| navbar-classic | registry:block | Classic navbar with search | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-classic.json` |
| navbar-mega | registry:block | Navbar with Mega Menu and Hover Effects | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-mega.json` |
| navbar-dark-shadow | registry:block | Dark navbar with ridge shadows, dropdown mega menu with blog panel, and light/dark mode | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-dark-shadow.json` |
| navbar-pill | registry:block | Navbar with Pills and tabs | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-pill.json` |
| navbar-underline | registry:block | Navbar with Underline and hover effects | `npx shadcn@latest add https://ui.aceternity.com/registry/navbar-underline.json` |
| masonry-bento-grid-with-images | registry:block | Masonry Bento Grid With Images, useful for showcasing brands or products | `npx shadcn@latest add https://ui.aceternity.com/registry/masonry-bento-grid-with-images.json` |
| minimal-hero-section-with-parallax-images | registry:block | Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons a… | `npx shadcn@latest add https://ui.aceternity.com/registry/minimal-hero-section-with-parallax-images.json` |
| hero-with-image-and-scales | registry:block | 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… | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-image-and-scales.json` |
| logo-cloud-with-blur-animation | registry:block | A collection of 6 logos of modern companies, animation is staggered and logos are aligned in a grid of 3. Perfect for logo clouds that require a modern look. | `npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-with-blur-animation.json` |
| logo-cloud-with-swap-animation | registry:block | A logo cloud with 10 logos in a 5x2 grid that swap every 3 seconds. Logos animate horizontally with blur effect and staggered timing for a smooth transition. | `npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-with-swap-animation.json` |
| single-row-logo-cloud | registry:block | A single row logo cloud with 5 logos that flips in an interval. | `npx shadcn@latest add https://ui.aceternity.com/registry/single-row-logo-cloud.json` |
| features-grid-with-large-skeletons | registry:block | 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 skel… | `npx shadcn@latest add https://ui.aceternity.com/registry/features-grid-with-large-skeletons.json` |
| pricing-page-with-featured-and-enterprise | registry:block | Pricing Page With Featured And Enterprise. This pricing page is designed to showcase the features of the product and the enterprise plan. It includes a feature… | `npx shadcn@latest add https://ui.aceternity.com/registry/pricing-page-with-featured-and-enterprise.json` |
| bento-grid-with-skeletons | registry:block | A grid of 6 with skeletons, title and descriptions. Skeletons are modern and designed to be minimal. With chat like interfaces for skeletons, perfect for showc… | `npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid-with-skeletons.json` |
| dot-distortion-shader | registry:block | A dot distortion shader for creating dynamic background effects. | `npx shadcn@latest add https://ui.aceternity.com/registry/dot-distortion-shader.json` |
| lines-gradient-shader | registry:block | A lines gradient shader for creating animated gradient backgrounds. | `npx shadcn@latest add https://ui.aceternity.com/registry/lines-gradient-shader.json` |
| spotlight-shader | registry:block | A spotlight shader for creating dynamic spotlight background effects with customizable positions and animations. | `npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-shader.json` |
| hero-with-background-and-navbar | registry:block | Hero With Background And Navbar | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-background-and-navbar.json` |
| hero-section-with-multi-color-background | registry:block | Hero Section With Multi Color Background | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-multi-color-background.json` |
| hero-section-with-infinite-scroll-cards | registry:block | Hero Section With Infinite Scroll Cards | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-infinite-scroll-cards.json` |
| testimonials-background-with-drag | registry:block | Testimonials Background With Drag | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-background-with-drag.json` |
| hero-section-with-flickering-lights | registry:block | Hero Section With Flickering Lights | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-flickering-lights.json` |
| hero-section-with-tabs | registry:block | Hero Section With Tabs | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-tabs.json` |
| hero-section-with-mesh-gradient | registry:block | Hero Section With Mesh Gradient | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-mesh-gradient.json` |
| hero-section-with-shadow-and-scales | registry:block | Hero Section With Shadow and Scales | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-shadow-and-scales.json` |
| hero-section-with-dither-background | registry:block | Hero Section With Dither Background | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-dither-background.json` |
| hero-with-chat-input | registry:block | Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid | `npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-chat-input.json` |
| testimonials-with-carousel | registry:block | Testimonials With Carousel | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-with-carousel.json` |
| testimonials-with-centered-highlight | registry:block | Testimonials grid with title, subtitle, and optional centered highlight card | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-with-centered-highlight.json` |
| features-section-with-skeletons | registry:block | Features Section With Skeletons | `npx shadcn@latest add https://ui.aceternity.com/registry/features-section-with-skeletons.json` |
| chat-conversation | registry:block | Chat Conversation | `npx shadcn@latest add https://ui.aceternity.com/registry/chat-conversation.json` |
| folder-with-files | registry:block | Folder With Files | `npx shadcn@latest add https://ui.aceternity.com/registry/folder-with-files.json` |
| collaborative-cursors | registry:block | Collaborative Cursors | `npx shadcn@latest add https://ui.aceternity.com/registry/collaborative-cursors.json` |
| testimonials-hover-illustration | registry:block | Testimonials Hover Illustration | `npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-hover-illustration.json` |
| contact-section-with-shader | registry:block | Contact Section With Shader Background and Rotating Testimonials | `npx shadcn@latest add https://ui.aceternity.com/registry/contact-section-with-shader.json` |
| contact-with-dither-image | registry:block | Contact section with dithered landscape background, testimonial card, and split form | `npx shadcn@latest add https://ui.aceternity.com/registry/contact-with-dither-image.json` |
| team-section-with-scales | registry:block | Team Section With Scales | `npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-scales.json` |
| team-section-with-light-background | registry:block | Team Section With Light Background | `npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-light-background.json` |
| team-section-with-small-avatars | registry:block | Team Section With Small Avatars | `npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-small-avatars.json` |
| team-section-with-timeline-cards | registry:block | Team Section With Timeline Cards | `npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-timeline-cards.json` |
| empty-state-vertical-grid | registry:block | Full-height empty state on a dotted canvas with three image cards for choosing how to start | `npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-vertical-grid.json` |
| empty-state-with-cards | registry:block | Empty project state with corner grid lines, CTAs, and fanned template thumbnails | `npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-cards.json` |
| empty-state-with-pictures | registry:block | Centered empty state with stacked photo frames and gentle motion | `npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-pictures.json` |
| empty-state-with-draggable-cards | registry:block | Empty hiring-style layout with a swipeable card deck above primary actions | `npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-draggable-cards.json` |
| empty-state-with-stacked-cards | registry:block | Soft panel empty state with overlapping template previews and doc link | `npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-stacked-cards.json` |
| feature-section-bento-skeletons | registry:block | Bento Grid Feature Section With Animated Skeletons | `npx shadcn@latest add https://ui.aceternity.com/registry/feature-section-bento-skeletons.json` |
| uptime-status-illustration | registry:block | Interactive Uptime Status Illustration | `npx shadcn@latest add https://ui.aceternity.com/registry/uptime-status-illustration.json` |
| rotating-tabs-with-text | registry:block | Rotating Notification Cards with Stacked Animation | `npx shadcn@latest add https://ui.aceternity.com/registry/rotating-tabs-with-text.json` |
| flipping-images-with-bar | registry:block | Animated Image Carousel with Scanning Bar Reveal and Sparkle Effects | `npx shadcn@latest add https://ui.aceternity.com/registry/flipping-images-with-bar.json` |
| isometric-box | registry:block | Minimal Isometric Box Illustration with Hover Animation | `npx shadcn@latest add https://ui.aceternity.com/registry/isometric-box.json` |
| features-with-isometric-blocks | registry:block | Feature cards with animated isometric box illustrations | `npx shadcn@latest add https://ui.aceternity.com/registry/features-with-isometric-blocks.json` |
| features-with-stacked-isometric-boxes | registry:block | Feature section with stacked isometric boxes and autoplay animation | `npx shadcn@latest add https://ui.aceternity.com/registry/features-with-stacked-isometric-boxes.json` |
| macbook-illustration | registry:block | Interactive MacBook illustration with lid animation and Dynamic Island | `npx shadcn@latest add https://ui.aceternity.com/registry/macbook-illustration.json` |
| iphone-illustration | registry:block | Interactive iPhone illustration with Dynamic Island animation | `npx shadcn@latest add https://ui.aceternity.com/registry/iphone-illustration.json` |
| dynamic-island | registry:block | Animated Dynamic Island with customizable idle, loading, and processed states | `npx shadcn@latest add https://ui.aceternity.com/registry/dynamic-island.json` |
| ipad-illustration | registry:block | Interactive iPad illustration with Dynamic Island animation | `npx shadcn@latest add https://ui.aceternity.com/registry/ipad-illustration.json` |
| bento-grid-illustrations | registry:block | Bento grid showcasing MacBook, iPhone, iPad, and Dynamic Island illustrations | `npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid-illustrations.json` |
| world-map-illustration | registry:block | Interactive world map with dotted continents and customizable location pins with avatars | `npx shadcn@latest add https://ui.aceternity.com/registry/world-map-illustration.json` |
| keyboard-illustration | registry:block | Mini Mac keyboard illustration with blue hover glow and size variants | `npx shadcn@latest add https://ui.aceternity.com/registry/keyboard-illustration.json` |
| simple-login-with-grid-lines | registry:block | Simple login form with dashed grid lines border decoration | `npx shadcn@latest add https://ui.aceternity.com/registry/simple-login-with-grid-lines.json` |

## For AI agents

```text
You are adding components from @aceternity to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/aceternity.md) for the component list.
2. Fetch the machine-readable index: https://ui.aceternity.com/registry/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: aceternity).
```