design-infraReport a problem or share feedback← Catalog
Animated Tabs
freeaceternity/tabs
Tabs to switch content, click on a tab to check background animation.
$
npx shadcn@latest add @aceternity/tabsnpm deps: @radix-ui/react-tabs
- Source
- Aceternity UI
- Kind
- component
- Categories
- tabs, hero, features
- Use as
- drop-in — replaces your component
- Applies to
- tabsherofeatures
- Motion
- on state, press · subtle · motion · medium cost
- Tags
- product, utility
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Template · SaaS landing pageoc/template-landingStarter page → app/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 10 @oc blocks. Preview: /templates/template-landing.
- Apple Cards Carouselaceternity/apple-cards-carouselApple-style card carousel that expands into a detail view.
- Code Blockaceternity/code-blockSyntax-highlighted block with tabs (react-syntax-highlighter).