搜索组件…
精选的 React + Tailwind CSS 组件。在线预览、查看源码,用 shadcn 命令一键安装到你的项目。
我们最推荐的组件
带聚光灯渐变、网格背景和双按钮的落地页 Hero 区块。
三档定价卡片,支持月付 / 年付切换,并突出推荐方案。
双行反向滚动的用户评价走马灯,悬停时暂停,两侧渐隐。
缓慢流动的极光渐变背景,颜色和速度都可配置。
带流光扫过效果的按钮,光泽颜色、背景和速度可配置。
shadcn 风格基础按钮:6 种变体、4 种尺寸,基于 class-variance-authority。
选中指示块会平滑滑动的标签栏,支持方向键切换。
AI 对话输入框:自动增高、附件、模型选择,Enter 发送。
跟随鼠标移动的聚光灯卡片,边框同步发光。
登录表单:第三方登录、字段校验、记住我和加载状态。
⌘K 命令面板:模糊搜索、分组、快捷键提示和完整键盘操作。
响应式顶部导航栏:滚动后毛玻璃、移动端折叠菜单、悬浮胶囊样式。
数据表格:搜索、列排序、行多选、分页和自定义单元格。
十大类,覆盖从落地页到数据展示
由组件拼成的完整页面,连同组件一起安装
完整的 SaaS 落地页:导航栏、Hero、客户 Logo、功能 Bento、用户评价、定价、FAQ、CTA 和页脚。
带可折叠侧边栏的数据后台:按时间段切换的指标卡、收入柱状图、动态时间线和可排序的订单表格。
AI 对话应用:左侧会话列表,中间消息流,底部支持模型切换和附件的输入框,带模拟回复。
分组列表、彩色图标、开关、Wi-Fi 与显示子页面,支持搜索过滤。
应用图标网格、小组件、Dock 与页面指示器。
会话列表与聊天页,气泡、输入中动画与自动回复。
专辑封面、进度条、播放控制与自动切歌。
世界时钟、闹钟、秒表与计时器。
可堆叠的卡片、点按展开与交易记录。
矢量风格地图与三档高度的底部面板、地点详情。
故事大卡、全屏展开与获取→下载→打开按钮。
在详情页直接调整组件参数、颜色、圆角和主题变量,实时预览效果,复制出来的就是调好的代码。
最近加入组件库的组件
多系列平滑折线/面积图,支持悬浮十字准线、图例开关与描线动画。
半圆仪表盘,带指针或弧形填充、阈值色带与 meter 语义。
GitHub 风格贡献日历,支持悬浮提示与键盘漫游。
无障碍轮播,支持拖拽滑动、键盘、圆点与自动播放。
可折叠 JSON 树,带语法着色、复制值/路径与长字符串展开。
并排/统一文本差异对比,含行号与词级高亮。
分类