slidytabs

slidytabs.dev

为 shadcn 的 Tabs 组件添加滑动指示器动画，无需改变原有用法即可获得流畅切换效果。

VueSvelte网页

被推荐 1 次

访问网站 ↗

适合做什么

适合使用 shadcn Tabs 的前端开发者，为标签切换增加流畅滑动动效，也提供 slider/range 交互。

标签与属性

技术栈

Vue Svelte

平台

网页

谁在推荐

@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗

slidytabs A tool that adds a sliding indicator animation to shadcn `` without changing how you use or customize the component Link 2026-01-23T21:13:51.000Z

同类推荐

动画库

Motion

面向 React、JavaScript 和 Vue 的现代动画库，支持手势、弹簧、布局过渡与滚动联动，性能出色。

开源ReactVue

github.com1 处推荐详情

动画库

react-spring

基于弹簧物理的 React 动画库，支持声明式与命令式动画，跨平台可用。

开源React

github.com1 处推荐详情

动效组件

Magic UI

面向设计工程师的动画 UI 组件库，150+ 免费开源组件，基于 React、Tailwind CSS 与 Motion 构建。

开源ReactTailwind落地页

magicui.design9 处推荐详情

动效组件

React Bits

开源 React 动效组件库，含 210+ 可高度自定义的动画组件、背景与微交互，即插即用。

免费+付费ReactTailwind落地页作品集

reactbits.dev1 处推荐详情

动效组件

Aceternity UI

基于 React 和 Tailwind CSS 的组件库，提供 200+ 可复制粘贴的动效组件与落地页模板。

ReactTailwind落地页

ui.aceternity.com11 处推荐详情

代码片段 / CSS 效果

Hover.css

一套纯 CSS3 悬停动效库，为按钮、链接、图标等元素提供上百种悬停效果，支持 CSS、Sass 和 LESS。

开源HTML/CSS落地页

ianlunn.github.io1 处推荐详情