DEV Community

Cover image for Add Sliding Animations to shadcn Tabs with slidytabs
jQueryScript
jQueryScript

Posted on

Add Sliding Animations to shadcn Tabs with slidytabs

slidytabs is a useful addition for teams that already build with Shadcn Tabs.

It adds three interaction modes from the same Tabs structure.

• animated tab movement with tabs()
• draggable single value selection with slider()
• two point selection with range()
• support for React, Svelte, and Vue
• support for sticky endpoints and push behavior

Great for plan selectors, size pickers, weekdays, and score ranges.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)