一、產(chǎn)品推薦

1. Figma 圓角計算插件

插件 Smoother 自動計算父框架和子框架之間的完美半徑關系，類似 Sketch 前段時間發(fā)布名為“同心角”的功能

網(wǎng)址： https://www.figma.com/community/plugin/1533519971089532307/smoother

2. 基于 React 的光標動畫庫

使用 React、TypeScript、Tailwind CSS 和 Framer Motion 構建的開源動畫光標組件，可以讓你的網(wǎng)站更有特色

網(wǎng)址： https://cursify.vercel.app/

3. 開源的「表情符號選擇器」組件

使用 Tailwind 和 React 制作的快速、可組合、無樣式的表情符號選擇器

網(wǎng)址1： https://emoji.ferrucc.io/

網(wǎng)址2： https://frimousse.liveblocks.io/

二、設計素材

1. 網(wǎng)站著陸頁背景樣式

提供非常好看的背景的代碼樣式庫，可以用做網(wǎng)站著陸頁背景，直接拷貝代碼就能使用。包含漸變、圖案、多色暈染等效果類型，點擊預覽立即生效，網(wǎng)站內(nèi)容全部免費。

網(wǎng)址： https://patterncraft.fun/

2. 實用好看的「選中效果」代碼組件

用于選擇和突出顯示文本的輕量級且可組合的 React 組件，完全免費。

網(wǎng)址： https://lisere.ankur.design/

3. 一套金屬質(zhì)感的按鈕

美觀的金屬按鈕組件，支持一鍵復制代碼使用

網(wǎng)址： https://button.lakshb.dev/

4. Apple OS 26 設計源文件

現(xiàn)在 Figma 的社區(qū)中已經(jīng)能夠看到全部的 OS 26 各個平臺的 UI 設計規(guī)范文件了

網(wǎng)址： https://www.figma.com/@apple

三、隨便看看

手繪小魚的在線魚缸

你可以手繪一條魚放到魚缸里，同時魚缸里也匯聚了其他網(wǎng)友繪制的魚，右鍵點擊可以喂魚哦。

繪制魚： https://drawafish.com/

游泳的魚： https://drawafish.com/tank.html