Animate UI

A set of layered sections of content—known as tab panels—that are displayed one at a time.

We take the Shadcn UI component and animate it with Motion.

Make changes to your account here. Click save when you're done.

Name

Username

Installation

Prop	Type	Default
`activeClassName?`	`string`	-
`transition?`	`Transition`	`{ type: 'spring', bounce: 0, stiffness: 200, damping: 25 }`

Prop	Type	Default
`children`	`React.ReactNode`	-
`className?`	`string`	-
`transition?`	`Transition`	`{ type: 'spring', stiffness: 200, damping: 25 }`

Prop	Type	Default
`transition?`	`Transition`	`{ duration: 0.5, ease: 'easeInOut' }`

We use Radix UI for the tabs component.
We take our inspiration from Shadcn UI for the tabs style (to make it easier to replace a shadcn component with the animate ui component).