✨ 持续更新中 · 敬请期待

Shadcn Vue Dev

基于 shadcn-vue 的 Vue 组件模板扩展库,提供可复制、组合、可修改的 UI 片段,助你更快构建现代 Web 应用。

让开发更快、更轻松

丰富的 Vue 组件块,轻松组合、复制粘贴即可使用

完美兼容 shadcn-vue

原生集成,无缝使用现有组件体系,无需额外配置或适配。

🚀
复制即用,极速开发

每个组件块都可直接复制粘贴,开箱即用,大幅提升开发效率。

🧱
丰富的 UI 组合块

从单个组件到完整 UI 模板,涵盖常见布局和交互场景。

🧩
可组合、可修改

组件块灵活组合,便于拓展和自定义,满足个性化需求。

常见问题解答

了解更多关于 Shadcn Vue Dev 的信息

  • Shadcn Vue Dev 与 shadcn-vue 有什么关系?

    Shadcn Vue Dev 基于 shadcn-vue 原子组件,提供更高层次的 Components、Blocks 和 Templates,帮助你更快实现页面布局和交互逻辑。

  • 这些组件和区块可以直接复制使用吗?

    可以。每个组件和区块都支持一键复制源码,粘贴到你的项目即可使用,省去繁琐配置。

  • 我能自定义修改这些组件吗?

    完全支持。所有内容均采用 Vue 语法,结构清晰、风格统一,方便自由修改和扩展。

  • 可以组合多个 Blocks 构建完整页面吗?

    当然可以。我们的设计理念是模块化组合,你可以像搭积木一样拼装登录页、设置页、仪表盘等页面。

  • 这些组件是否响应式?

    是的,所有组件和区块都基于 Tailwind CSS 构建,默认支持响应式布局,兼容各种屏幕尺寸。

  • 我已经安装了 shadcn-vue,可以直接使用这些吗?

    可以直接使用。Shadcn Vue Dev 完全兼容 shadcn-vue 的组件体系,无需安装额外依赖。

  • 支持主题定制吗?

    支持。我们基于 Tailwind + CSS 变量实现主题,适配 shadcn-vue 的主题切换系统,你可以快速修改配色。

  • 你们提供哪些类型的 UI Blocks?

    我们提供 卡片、表单、导航、表格、弹窗 等常见组合区块,覆盖后台管理、SaaS、营销页等场景。

  • 可以在线预览这些 Blocks 吗?

    可以。每个区块都支持实时在线预览,并提供一键复制,方便边看边用。

  • Shadcn Vue Dev 是开源的吗?

    是的,项目使用 MIT 开源许可证,你可以自由使用、修改和分发。