Flat lookup: name → category chapter → install slug. Prefer this over opening a chapter when you already know the component's name.
| Component | Chapter | Install slug |
|---|---|---|
| Add Utilities | ch001 | add-utilities |
| CLI | ch001 | cli |
| Install Next.js | ch001 | install-nextjs |
| Install Tailwind CSS | ch001 | install-tailwindcss |
| Tailwind CSS buttons | ch001 | tailwindcss-buttons |
| Aurora Background | ch002 | aurora-background |
| Background Beams | ch002 | background-beams |
| Background Beams With Collision | ch002 | background-beams-with-collision |
| Background Boxes | ch002 | background-boxes |
| Background Gradient | ch002 | background-gradient |
| Background Gradient Animation | ch002 | background-gradient-animation |
| Background Lines | ch002 | background-lines |
| Background Ripple Effect | ch002 | background-ripple-effect |
| Canvas Reveal Effect | ch002 | canvas-reveal-effect |
| Cloud Shader | ch002 | cloud-shader |
| Dither Shader | ch002 | dither-shader |
| Dotted Glow Background | ch002 | dotted-glow-background |
| Grid and Dot Backgrounds | ch002 | grid-and-dot-backgrounds |
| Noise Background | ch002 | noise-background |
| Scales | ch002 | scales |
| Shooting Stars and Stars Background | ch002 | shooting-stars-and-stars-background |
| Sparkles | ch002 | sparkles |
| Vortex Background | ch002 | vortex |
| Wavy Background | ch002 | wavy-background |
| Webcam Pixel Grid | ch002 | webcam-pixel-grid |
| World Map | ch002 | world-map |
| ASCII Art | ch002 | ascii-art |
| Google Gemini Effect | ch002 | google-gemini-effect |
| Hero Highlight | ch003 | hero-highlight |
| Hero Sections | ch003 | hero-sections-free |
| Hero Parallax | ch003 | hero-parallax |
| Parallax Hero Images | ch003 | parallax-hero-images |
| Sticky Scroll Reveal | ch003 | sticky-scroll-reveal |
| Container Scroll Animation | ch003 | container-scroll-animation |
| Fey.com Macbook Scroll | ch003 | macbook-scroll |
| Lamp Section Header | ch003 | lamp-effect |
| Spotlight | ch003 | spotlight |
| Spotlight New | ch003 | spotlight-new |
| Tracing Beam | ch003 | tracing-beam |
| Sticky Banner | ch003 | sticky-banner |
| 3D Card Effect | ch004 | 3d-card-effect |
| 3D Animated Pin | ch004 | 3d-pin |
| 3D Globe | ch004 | 3d-globe |
| 3D Marquee | ch004 | 3d-marquee |
| Bento Grid | ch004 | bento-grid |
| Card Spotlight | ch004 | card-spotlight |
| Card Stack | ch004 | card-stack |
| Cards | ch004 | cards-free |
| Comet Card | ch004 | comet-card |
| Compare | ch004 | compare |
| Direction Aware Hover | ch004 | direction-aware-hover |
| Draggable Card | ch004 | draggable-card |
| Evervault Card | ch004 | evervault-card |
| Expandable Cards | ch004 | expandable-card |
| Focus Cards | ch004 | focus-cards |
| Glare Card | ch004 | glare-card |
| Glowing Background Stars Card | ch004 | glowing-stars-effect |
| Glowing Effect | ch004 | glowing-effect |
| GitHub Globe | ch004 | github-globe |
| Hover Effect | ch004 | card-hover-effect |
| Layout Grid | ch004 | layout-grid |
| Lens | ch004 | lens |
| Parallax Grid Scroll | ch004 | parallax-scroll |
| Pixelated Canvas | ch004 | pixelated-canvas |
| SVG Mask Effect | ch004 | svg-mask-effect |
| Wobble Card | ch004 | wobble-card |
| Hover Border Gradient | ch005 | hover-border-gradient |
| Magnetic Button | ch005 | magnetic-button |
| Moving Border | ch005 | moving-border |
| Stateful Button | ch005 | stateful-button |
| File Upload | ch005 | file-upload |
| Floating Dock | ch005 | floating-dock |
| Gooey Input | ch005 | gooey-input |
| Placeholders And Vanish Input | ch005 | placeholders-and-vanish-input |
| Signup Form | ch005 | signup-form |
| Floating Navbar | ch006 | floating-navbar |
| Navbar Menu | ch006 | navbar-menu |
| Notch | ch006 | notch |
| Resizable Navbar | ch006 | resizable-navbar |
| Sidebar | ch006 | sidebar |
| Following Pointer | ch006 | following-pointer |
| Layout Text Flip | ch006 | layout-text-flip |
| Canvas Text | ch007 | canvas-text |
| Chromatic Image | ch007 | chromatic-image |
| Container Text Flip | ch007 | container-text-flip |
| Colourful Text | ch007 | colourful-text |
| Squiggly Text | ch007 | squiggly-text |
| Text Generate Effect | ch007 | text-generate-effect |
| Text Hover Effect | ch007 | text-hover-effect |
| Text Reveal Card | ch007 | text-reveal-card |
| Text Flipping Board | ch007 | text-flipping-board |
| Typewriter Effect | ch007 | typewriter-effect |
| Flip Words | ch007 | flip-words |
| Encrypted Text | ch007 | encrypted-text |
| Link Preview | ch007 | link-preview |
| Pointer Highlight | ch007 | pointer-highlight |
| Code Block | ch007 | code-block |
| Images Badge | ch007 | images-badge |
| Images Slider | ch007 | images-slider |
| Keyboard | ch007 | keyboard |
| Terminal | ch007 | terminal |
| Cover | ch007 | container-cover |
| Apple Cards Carousel | ch008 | apple-cards-carousel |
| Carousel | ch008 | carousel |
| Infinite Moving Cards | ch008 | infinite-moving-cards |
| Animated Testimonials | ch008 | animated-testimonials |
| Feature Sections | ch008 | feature-sections-free |
| Loaders | ch009 | loader |
| Multi Step Loader | ch009 | multi-step-loader |
| Animated Modal | ch009 | animated-modal |
| Animated Tabs | ch009 | tabs |
| Animated Tooltip | ch009 | animated-tooltip |
| Tooltip Card | ch009 | tooltip-card |
| Meteor Effect | ch009 | meteors |
Install pattern for every row: npx shadcn@latest add @aceternity/<slug>.
Paid tier (167 premium blocks, 17 templates, 23 packs) is category-indexed only in ch010/ch011 — see those chapters, not this table.