UI
UiNotes 是一个由 UI 设计师 mx 设计并开发的网站,于 2021 年底上线并运营至今。其主要目标是成为国内最完整、最实用的 UI 设计灵感网站,旨在帮助设计师节省寻找灵感的时间。 UiNotes官网入口网址:https://uinotes.com/ UiNotes 针对现有设计资源网站(如 Dribbble、Behance 等)在 UI 设计灵感上的不足,提供了更全面和实用的内容。例如,其他平台可能提供飞机稿较多、案例不实用、分类不细分等问题,而 UiNotes 则专注于 UI 设计灵感,能够快速应用到项目中,并按 App 功能浏览,全面了解每个 App 的设计趋势。网站界面分类详尽,支持搜索功能,方便用户快速定位灵感。 UiNotes 的特点包括: 丰富的设计灵感:网站提供了大量的真实产品截图和设计灵感库,涵盖了多种风格和场景,方便设计师快速获取灵感。分类详尽:网站对截图进行了详细的分类,用户可以通过搜索功能快速找到所需的设计灵感。实时更新:网站每周更新最新的线上鲜鱼(即最新趋势),帮助设计师掌握最新的设计动态。无飞机稿:与其他设计灵感网站不同,UiNotes 提供的是实际应用中的设计案例,而非概念性的“飞机稿”,这使得设计师可以直接将灵感应用于工作中。 UiNotes 的内容更新频繁,每周都会根据最新 App 更新设计趋势,确保用户能够获取最新的设计灵感。此外,网站还提供了一些常见问题的解答,例如截图未打标签的原因是耗时较长,正在更新标签系统;限时优惠因标签不完整而设置,新标签系统上线后将恢复原价;App 更新频率为每周一次。 办公人导航分享的UiNotes 的功能和内容不仅限于设计灵感的提供,还包括对热门设计趋势的分析和总结,帮助设计师更好地把握行业动态。通过简洁明了的分类和高效的搜索功能,UiNotes 成为了设计师寻找灵感的重要工具之一。 UiNotes 是一个专注于 UI 设计灵感的平台,致力于为设计师提供全面、实用的设计资源和趋势分析,帮助他们更高效地完成设计工作。
“shadcn-admin”是一个基于Shadcn和Vite构建的管理仪表盘界面,旨在提供响应式和可访问性设计。该项目由开发者Satnaing创建,旨在为未来项目提供可复用的仪表盘UI组件。 shadcn-admin开源项目官网入口网址:https://github.com/satnaing/shadcn-admin 该仪表盘支持多种功能,包括暗色/亮色模式、响应式设计、无障碍访问、内置侧边栏、全局搜索命令、10多个页面、额外自定义组件以及RTL(从右到左)支持。项目使用了Shadcn UI组件,但部分组件进行了修改以增强RTL支持和改进。用户可以通过Shadcn CLI更新非自定义组件,但自定义组件可能需要手动合并更改以保留项目修改。 项目使用了TailwindCSS、RadixUI、Vite、TanStack Router、TypeScript、ESLint和Prettier等工具。项目还提供了详细的文档和克隆指南,用户可以通过GitHub克隆项目并运行开发服务器。 “shadcn-admin”是一个功能丰富、高度可定制的管理仪表盘解决方案,适合需要高效开发和维护的开发者使用。
图鸟UI(Tuniao UI)是一款基于uni-app开发的免费可商用UI框架,旨在加速Web和小程序应用的界面开发。它支持微信小程序、H5和App等多端适配,提供丰富的组件和页面模板,以酷炫风格和免费商用为核心优势。 图鸟UI官网1:https://vue2.tuniaokj.com/,Tuniao UIVUE2 组件模板库开源项目地址:https://github.com/ahua666/tuniaoUI图鸟UI官网2:https://vue3.tuniaokj.com/,TuniaoUI 组件库Vue3 Typescript Uniapp版本开源项目地址:https://github.com/tuniaoTech/tuniaoui-rc-vue3-uniapp 图鸟UI由一位优秀的UI设计师或自由开发者开发,目前以uni-app插件形式发布,支持H5、App和微信小程序。它包含常用表单、信息展示组件及丰富的页面模板,提供300+图标、30+组件、4种色深模式和4套渐变配色方案,支持动态主题切换。用户可以通过HBuilderX导入文件,配置JS库、Vuex和SCSS主题文件,使用方式便捷。 图鸟UI支持Vue2和Vue3版本,Vue3版提供更丰富的功能和优化。开源版本基于Apache协议,可免费商用,会员版提供额外功能和模板。图鸟UI还提供详细的文档和教程,帮助开发者快速上手和使用。 图鸟UI是一个功能强大、设计精良的UI框架,适合开发者快速构建高质量的Web和小程序应用。
NavNav是一个专注于现代网页UI组件的灵感库与资源平台,汇集了全球顶尖设计师与开发者的创意结晶。这里不仅是代码片段的集合,更是一个激发灵感的创意工坊,为前端开发者、UI设计师和创意工作者提供超过971个精心打磨的交互组件,覆盖从基础元素到复杂动效的全方位需求。NavNav为设计师、前端开发者及创意从业者提供了丰富的参考素材与实践思路。 Navnav官网入口网址:https://navnav.co/ 核心价值 1.全面覆盖的UI组件库 提供40+分类的实用组件,包括404页面、折叠菜单、弹窗、表单、图表、时间选择器等,满足日常开发中的各类需求。特别关注前沿设计趋势,如新粗野主义(Neo-Brutalism)、磨砂玻璃效果、霓虹光效、3D视差卡片等,帮助用户打造独特的视觉体验。 2.前沿技术与创新实践 组件采用最新CSS技术实现,例如:has()选择器动态切换、纯CSS动画(如黑洞效果、星系模拟)、原生滤镜阴影等。轻量级代码架构,部分组件仅需几行CSS即可实现复杂效果(如骨架屏加载动画)。 3.设计风格多样化 从极简主义到拟物化设计,从像素风到科幻感特效,NavNav收录了多种风格的高质量案例,适合不同品牌与场景需求。特别设立Tailwind组件专区,适配现代前端开发流程。 4.开发者友好体验 每个组件均标注原创作者(如Simon Goellner的霓虹菜单、Håvard Brynjulfsen的音乐播放器),便于学习与致敬。即时预览功能让用户无需下载即可体验交互细节,快速评估适用性。适用场景快速开发:直接复用登录页、仪表盘、支付流程等成熟模块,节省开发时间。灵感参考:探索动态文字特效、悬停交互、SVG插画等小众设计,突破创意瓶颈。技术学习:通过拆解代码,掌握CSS最新特性(如:has()选择器、CSS滤镜)的实战应用。平台亮点智能分类系统:通过侧边栏菜单快速定位导航、动效、表单等垂直类别。持续更新:社区驱动模式确保每日新增全球开发者的创意提交。响应式设计:所有组件适配移动端与桌面端,开箱即用。 NavNav重新定义了UI资源库的价值——它不仅是工具集合,更是一个充满活力的创意社区。无论你是想寻找现成解决方案,还是探索CSS的边界,这里都能为你提供灵感和技术支撑。
PrimeVue 是一款专为 Vue.js 开发设计的高质量 UI 组件库,它提供了丰富的 UI 组件、图标、区块和应用程序模板,旨在提升开发效率并增强用户体验。PrimeVue 支持 Vue 3、Vue 4,并具有强大的定制能力,适合构建现代 Web 应用程序。 PrimeVue官网入口网址:https://primevue.org/PrimeVue开源项目地址:https://github.com/primefaces/primevuePrimeVue中文网站网址:https://primevue.cn/ PrimeVue 的核心特性包括: 组件丰富:内置超过 90 个 UI 组件,涵盖按钮、输入框、数据表、图表等,功能强大且体验优秀。主题多样:提供多种预设主题,如 Material Design 和 Bootstrap,并支持通过 Theme Designer 工具自定义主题,满足不同项目需求。响应式设计:优化移动端支持,确保在不同设备上的视觉效果和交互体验。高可访问性:符合 WCAG 2.1 AA 标准,支持键盘导航和屏幕阅读器,确保无障碍使用。专业支持:提供快速响应的技术支持和功能增强服务,确保开发过程顺畅。 此外,PrimeVue 的官网提供了详细的文档和代码示例,支持中文化和多语言,社区活跃且成熟。其基础组件完全免费开源,适用于商业和非商业项目,同时提供付费的高级组件和模板以支持项目持续发展。 如果你希望为项目选择一个功能强大、灵活且易于定制的 UI 组件库,PrimeVue 是一个值得考虑的优秀选项。
SnapMark 是一款面向前端开发者的可视化 UI 选择工具,旨在帮助 AI 更精准地理解 UI 修改意图。通过在浏览器中直接选取页面元素,SnapMark 能实时获取完整的 DOM 信息、CSS 属性、可访问性数据以及性能指标,并将这些结构化信息传递给 AI,从而生成符合预期的代码,显著降低因描述模糊导致的反复沟通成本。 SnapMark官网入口网址:https://snapmark.org/ 该平台提供免费版、专业版和团队版三种服务层级,支持 Chrome、Firefox、Safari、Edge 等主流浏览器的扩展插件,用户只需在页面上点击或使用快捷键即可完成元素选取、截图捕获和代码生成等操作,所有数据均在本地处理,严格遵守隐私保护原则。 SnapMark 还配套完整的文档与博客栏目,涵盖产品概念、使用指南、公司动态以及技术案例,帮助用户快速上手并了解最新功能更新。其核心理念包括“精准定位、智能优化、无缝集成”,未来计划进一步扩展批量处理、自定义模板和版本控制等功能,致力于成为开发者与 AI 协作的桥梁,提升 UI 开发效率与准确性。 SnapMark 通过可视化交互和精细化信息捕获,为 AI 辅助的前端开发提供了可靠的技术支撑,使得 UI 调试、代码生成和团队协作更加高效、直观。