Tab animations built with Motion. Install via CLI or copy the code into your project.
Sliding Underline
An underline that slides smoothly to the active tab.
Home
Profile
Settings
Contact
npx @abhivarde/syncui@latest add tabs/slidingUnderline
Floating Background
A background that floats behind the active tab.
Home
Profile
Settings
Contact
npx @abhivarde/syncui@latest add tabs/floatingBackground
Elevated Cards
Cards rise on hover with motion and shadow.
Home
Profile
Settings
Contact
npx @abhivarde/syncui@latest add tabs/elevatedCards
Growing Background
A highlight that grows smoothly behind the active tab.
Home
Profile
Settings
Contact
npx @abhivarde/syncui@latest add tabs/growingBackground