View Shadcn UI

Appearance

我们怀着激动的心情宣布，View Shadcn UI v2025.1.5 版本已于 2025 年 12 月 30 日正式发布！这是一个革命性的版本更新，为组件库带来了令人惊艳的液态玻璃（Glassmorphism）设计美学，让您的应用界面焕然一新。

📋 版本信息 ​

✨ 核心特性 ​

🌊 液态玻璃效果全面覆盖 ​

本次更新的最大亮点是为 40+ 组件添加了精心设计的液态玻璃效果，带来通透、层次分明的现代化视觉体验。

已支持液态玻璃效果的组件：

基础组件

  • Alert（警告提示）、Avatar（头像）、Badge（徽章）、Button（按钮）
  • Text（文本）、Skeleton（骨架屏）

表单组件

  • Form（表单）、Select（选择器）、Slider（滑块）、Switch（开关）
  • Toggle（切换）、DatePicker（日期选择器）、ColorPicker（颜色选择器）
  • Upload（上传）

导航组件

  • Menu（菜单）、Breadcrumb（面包屑）、Pagination（分页）
  • Tab（标签页）、BackTop（返回顶部）

反馈组件

  • Message（消息）、Modal（模态框）、Drawer（抽屉）
  • Tooltip（提示）、Progress（进度条）、Spin（加载）

数据展示

  • Table（表格）、Collapse（折叠面板）、Carousel（轮播）

高级组件

  • ContextMenu（右键菜单）、Dropdown（下拉菜单）
  • CountDown（倒计时）、Contribution（贡献图）

布局组件

  • Global Footer（全局页脚）、Toolbar Footer（工具栏页脚）

🎯 功能增强 ​

选择器组件优化

  • ✨ 新增搜索功能，支持快速筛选选项

Markdown 组件

  • 🆕 全新支持 Markdown 渲染组件

🐛 问题修复 ​

  • ✅ 修复右键菜单多级菜单下父级隐藏问题
  • ✅ 修复下拉菜单位置在右侧时列表显示异常
  • ✅ 修复嵌套菜单异常问题
  • ✅ 修复菜单宽度不一致问题
  • ✅ 修复抽屉组件顶部空白问题

🛠️ 工程优化 ​

  • 📦 优化 CI/CD 流程，拆分构建脚本
  • 📚 文档全面适配暗黑模式
  • 🔧 修复 VitePress 部署配置问题

💡 关于 View Shadcn UI ​

View Shadcn UI 是一个基于 Tailwind CSS 构建的现代化 Vue3 组件库，专注于提供优雅、高性能且易于使用的 UI 组件。我们致力于将最新的设计趋势与最佳的开发实践相结合，帮助开发者构建出色的用户界面。

🙏 致谢 ​

感谢社区的每一位贡献者和用户！你们的支持和反馈是我们不断前进的动力。