Tabs

Navigation

Animated tab navigation with smooth transitions and multiple visual variants.

Dependencies:

framer-motion

Full

Default

This is the overview tab content. It shows a summary of the project including key metrics and recent activity.

Pills

This is the overview tab content. It shows a summary of the project including key metrics and recent activity.

Underline

This is the overview tab content. It shows a summary of the project including key metrics and recent activity.

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { Tabs } from '@/components/Tabs'

Scroll-to-top button with multiple variants, progress indicator, and smooth animations.