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

250 components pro available react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

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

250 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

shooting-stars ui

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

stars-background ui

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

compare ui

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

card-spotlight ui

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

cover ui

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

file-upload ui

npx shadcn@latest add https://ui.aceternity.com/registry/file-upload.json

floating-dock ui

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

focus-cards ui

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

background-beams-with-collision ui

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

timeline ui

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

text-hover-effect ui

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

lens ui

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

background-lines ui

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

animated-testimonials ui

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

world-map ui

npx shadcn@latest add https://ui.aceternity.com/registry/world-map.json

code-block ui

npx shadcn@latest add https://ui.aceternity.com/registry/code-block.json

carousel ui

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

colourful-text ui

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

squiggly-text ui

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

magnetic-button ui

npx shadcn@latest add https://ui.aceternity.com/registry/magnetic-button.json

notch ui

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

spotlight-new ui

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

glowing-effect ui

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

3d-marquee ui

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

container-text-flip ui

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

resizable-navbar ui

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

draggable-card ui

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

sticky-banner ui

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

pointer-highlight ui

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

stateful-button ui

npx shadcn@latest add https://ui.aceternity.com/registry/stateful-button.json

loader ui

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

comet-card ui

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

background-ripple-effect ui

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

pixelated-canvas ui

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

canvas-text ui

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

layout-text-flip ui

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

dotted-glow-background ui

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

tooltip-card ui

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

encrypted-text ui

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

noise-background ui

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

dither-shader ui

npx shadcn@latest add https://ui.aceternity.com/registry/dither-shader.json

webcam-pixel-grid ui

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

images-badge ui

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

keyboard ui

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

terminal ui

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

3d-globe ui

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

ascii-art ui

npx shadcn@latest add https://ui.aceternity.com/registry/ascii-art.json

scales ui

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

text-flipping-board ui

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

cards-demo-1 block

Background Overlay Card

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

cards-demo-2 block

Content Card

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

cards-demo-3 block

Feature Block Animated Card

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

expandable-card-on-click block

Expandable Card On Click

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

features-section-demo-1 block

Simple with card gradient

npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-1.json

features-section-demo-2 block

Simple with hover effects

npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-2.json

features-section-demo-3 block

Bento Grid

npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-3.json

features-with-sticky-scroll block

Features with sticky scroll

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

hero-with-centered-image block

Hero With Centered Image

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

modern-hero-with-gradients block

Modern Hero With Gradients

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

two-column-with-image block

Two Column With Image

npx shadcn@latest add https://ui.aceternity.com/registry/two-column-with-image.json

full-background-image-with-text block

Full Background Image With Text

npx shadcn@latest add https://ui.aceternity.com/registry/full-background-image-with-text.json

centered-around-testimonials block

Centered Around Testimonials

npx shadcn@latest add https://ui.aceternity.com/registry/centered-around-testimonials.json

hero-section-with-images-grid-and-navbar 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 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 block

Hero Section With Noise Background

npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-noise-background.json

logo-cloud-marquee block

Logo Cloud Marquee

npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-marquee.json

logos-with-blur-flip block

Logos With Blur Flip

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

spotlight-logo-cloud block

Spotlight Logo Cloud

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

three-column-bento-grid block

Three Column Bento Grid

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

three-columns-with-images block

Three Columns With Images

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

bento-grid-example-three block

Bento Grid Example Three

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

simple-cta-with-images block

Simple CTA With Images

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

cta-with-masonry-images block

CTA With Masonry Images

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

cta-centered-masonry-gallery block

CTA Centered Masonry Gallery

npx shadcn@latest add https://ui.aceternity.com/registry/cta-centered-masonry-gallery.json

cta-with-background-noise block

CTA With Background Noise

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

cta-with-centered-text block

CTA With Centered Text

npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-centered-text.json

cta-with-dashed-grid-lines 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 block

Testimonials Grid With Centered Carousel

npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-grid-with-centered-carousel.json

testimonials-marquee-grid block

Testimonials Marquee Grid

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

testimonials-marquee-grid-boxed 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 block

Testimonials Masonry Grid

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

simple-pricing-with-three-tiers block

Simple Pricing With Three Tiers

npx shadcn@latest add https://ui.aceternity.com/registry/simple-pricing-with-three-tiers.json

pricing-with-switch block

Pricing With Switch

npx shadcn@latest add https://ui.aceternity.com/registry/pricing-with-switch.json

pricing-with-switch-and-add-on 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 block

Minimal Pricing with Enterprise Section

npx shadcn@latest add https://ui.aceternity.com/registry/pricing-minimal.json

simple-navbar-with-hover-effects block

Simple Navbar With Hover Effects

npx shadcn@latest add https://ui.aceternity.com/registry/simple-navbar-with-hover-effects.json

navbar-with-children block

Navbar With Children

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

simple-footer-with-four-grids block

Simple Footer With Four Grids

npx shadcn@latest add https://ui.aceternity.com/registry/simple-footer-with-four-grids.json

footer-with-grid block

Footer With Grid

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

footer-with-big-text block

Footer With Big Text

npx shadcn@latest add https://ui.aceternity.com/registry/footer-with-big-text.json

centered-with-logo block

Centered With Logo

npx shadcn@latest add https://ui.aceternity.com/registry/centered-with-logo.json

registration-form-with-images block

Registration Form With Images

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

npx shadcn@latest add https://ui.aceternity.com/registry/login-with-socials-and-email.json

npx shadcn@latest add https://ui.aceternity.com/registry/login-signup-minimal.json

premium-auth-split 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 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 block

Simple Centered Contact Form

npx shadcn@latest add https://ui.aceternity.com/registry/simple-centered-contact-form.json

blog-with-search block

Blog With Search

npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-search.json

blog-with-search-magazine 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 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 block

Simple Blog With Grid

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

playful-hero-section block

Playful Hero Section

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

frequently-asked-questions-accordion block

Frequently Asked Questions Accordion

npx shadcn@latest add https://ui.aceternity.com/registry/frequently-asked-questions-accordion.json

simple-faqs-with-background block

Simple FAQs With Background

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

faqs-with-grid block

Faqs With Grid

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

simple-sidebar-with-hover block

Simple Sidebar With Hover

npx shadcn@latest add https://ui.aceternity.com/registry/simple-sidebar-with-hover.json

collapsible-sidebar block

Collapsible Sidebar

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

grouped-sidebar block

Grouped Sidebar with Collapsible Groups and Persistent State

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

blog-content-centered block

Blog Content Centered

npx shadcn@latest add https://ui.aceternity.com/registry/blog-content-centered.json

blog-content-with-toc block

Blog Content With Toc

npx shadcn@latest add https://ui.aceternity.com/registry/blog-content-with-toc.json

stats-for-changelog block

Stats For Changelog

npx shadcn@latest add https://ui.aceternity.com/registry/stats-for-changelog.json

stats-with-number-ticker block

Stats With Number Ticker

npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-number-ticker.json

stats-with-grid-background block

Stats With Grid Background

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

stats-with-gradient block

Stats With Gradient

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

background-with-full-video block

Background With Full Video

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

background-lines block

Background Lines

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

background-with-shooting-stars block

Background With Shooting Stars

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

background-dots block

Background Dots

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

background-dots-masked block

Background Dots Masked

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

background-dots-masked-vertical block

Background Dots Masked Vertical

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

background-grid-with-dots 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 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 block

Background With Skewed Rectangles

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

background-with-skewed-lines block

Background With Skewed Lines

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

background-noise-grid block

Background Noise Grid

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

text-animation-flipping-words-demo 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 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 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 block

Text Generate Typewriter with Keyboard Sounds

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

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

navbar-classic block

Classic navbar with search

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

navbar-mega block

Navbar with Mega Menu and Hover Effects

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

navbar-dark-shadow 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 block

Navbar with Pills and tabs

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

navbar-underline block

Navbar with Underline and hover effects

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

masonry-bento-grid-with-images 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 block

Testimonials Background With Drag

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

hero-section-with-flickering-lights 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 block

Hero Section With Tabs

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

hero-section-with-mesh-gradient 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 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 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 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 block

Testimonials With Carousel

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

testimonials-with-centered-highlight 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 block

Features Section With Skeletons

npx shadcn@latest add https://ui.aceternity.com/registry/features-section-with-skeletons.json

chat-conversation block

Chat Conversation

npx shadcn@latest add https://ui.aceternity.com/registry/chat-conversation.json

folder-with-files block

Folder With Files

npx shadcn@latest add https://ui.aceternity.com/registry/folder-with-files.json

collaborative-cursors block

Collaborative Cursors

npx shadcn@latest add https://ui.aceternity.com/registry/collaborative-cursors.json

testimonials-hover-illustration block

Testimonials Hover Illustration

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

contact-section-with-shader 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 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 block

Team Section With Scales

npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-scales.json

team-section-with-light-background 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 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 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 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 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 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 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 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 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 block

Interactive Uptime Status Illustration

npx shadcn@latest add https://ui.aceternity.com/registry/uptime-status-illustration.json

rotating-tabs-with-text 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 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 block

Minimal Isometric Box Illustration with Hover Animation

npx shadcn@latest add https://ui.aceternity.com/registry/isometric-box.json

features-with-isometric-blocks 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 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 block

Interactive MacBook illustration with lid animation and Dynamic Island

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

iphone-illustration block

Interactive iPhone illustration with Dynamic Island animation

npx shadcn@latest add https://ui.aceternity.com/registry/iphone-illustration.json

dynamic-island 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 block

Interactive iPad illustration with Dynamic Island animation

npx shadcn@latest add https://ui.aceternity.com/registry/ipad-illustration.json

bento-grid-illustrations 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 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 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 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