作为开发者，我们往往把大量精力花在业务逻辑的实现上，但当项目落地时，却常因为 UI 缺乏「质感」而略显平庸。不仅如此，手写那些复杂的渐变背景、微交互动画更是耗时耗力。拒绝重复造轮子，好的工具能让开发事半功倍！ 本周整理了 6 款高质量的开源 UI 资源和组件库，从「拿来即用」的着陆页背景，到基于 React/Tailwind 的现代化组件，帮你轻松提升项目的视觉层级，建议收藏备用
网站着陆页背景样式
提供非常好看的背景的代码样式库，可以用做网站着陆页背景，直接拷贝代码就能使用。包含渐变、图案、多色晕染等效果类型，点击预览立即生效能够非常直观的预览。网站内容全部免费
实用好看的「选中效果」代码组件
用于选择和突出显示文本的轻量级且可组合的 React 组件，完全免费在你的项目中使用
基于React 的光标动画库
使用React、TypeScript、Tailwind CSS 和 Framer Motion 构建的开源动画光标组件，可以让你的网站更有特色
2款开源的「表情符号选择器」组件
使用 Tailwind 和 React 制作的快速、可组合、无样式的表情符号选择器
开源图标库 - Atlas Icons
新的一个开源图标库，有 2337 个图标，并且提供了 SVG 格式、网络字体、Figma 插件、React、Vue 和 Flutte 的集成
Shadcn UI - 使用 Radix UI 和 Tailwind CSS 构建的设计精美的组件库
新年在推特很流行的组件库项目，还没正式上线就得到了大量关注，它是一个定位不仅要设计精美，还考虑可访问性的组件库。可以直接复制组件代码。
以真实网站示例，找到合适的配色：Happy Hues
不确定在您的设计中使用什么颜色或在哪里使用它们？Happy Hues 是一个调色板灵感网站，作为真实世界的示例，说明如何在您的设计项目中使用颜色。
免费开源的精选英文字体网站
作者个人精选的漂亮、优雅、朋克、专业、不完整、怪异的英文字体。开源许可证使它们可以免费使用和修改。这些不常用的字体会有装饰页面的效果，适合做背景或者 banner 的时候多来逛逛。
我们是谁？
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
