/Components/Application

Animated Tabs

Preview

This component is available on 21st.dev.

Installation

NPM

npx shadcn@latest add "https://21st.dev/r/hextaui/animated-tabs"

Usage

index.tsx

import { AnimatedTabs } from "@/components/library/application/AnimatedTabs.tsx";

<AnimatedTabs
  tabs={[
    { label: "Home" },
    { label: "About" },
    { label: "Resources" },
    { label: "Docs" },
    { label: "Support" },
  ]}
/>;

Props

Prop	Type	Default
`tabs`	`{ label: string; }[]`	-

Edit on GitHub

Last updated on

Animated Dock

A dock with animated icons that grow on hover.

Avatar Group

A component that displays a group of avatars.