我的推薦（持續更新）

2024年8月3日179

AI 翻譯

這篇文章透過AI由英文翻譯成繁體中文。查看原文

AI 生成的摘要

### 編程 #### 組件庫 - **Magic UI**: 動效組件庫，基於 React、Tailwind CSS、Next.js 和 Frame Motion。 - **Aceternity UI**: 同樣基於 React、Tailwind CSS、Next.js 和 Frame Motion 的動效組件庫。 - **Preline UI**: 提供組件級、區段級和頁面級的 UI 庫。 - **Float UI**: 區段級和頁面級的 UI 庫。 - **Hyper UI**: 區段級的 UI 庫。 - **color4bg**: 首屏動態線性漸變背景生成工具。更多資源可參考 [Indie Hackers](https://www.indiehackers.site/en/group/design/category/ui-component)。 #### 其他工具 - **CSS 九宮格代碼生成器**: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator)。 ### 設計 #### 社媒封面生成器 - **PicProse**: [網站連結](https://picprose.net/en)。 - **Cover Paint**: [網站連結](https://coverpaint.xiaole.site/zh)。 #### 標誌生成器 - **Adobe Free Logo Market**: [網站連結](https://www.adobe.com/express/create/logo)。 - **Icon Generator**: [網站連結](https://icongenerator.app/generate)。 #### 圖片生成與處理 - **圖片壓縮**: - **TinyPNG**: [網站連結](https://tinypng.com/)。 - **iLoveIMG**: [網站連結](https://www.iloveimg.com/zh-cn/compress-image)。 - **Ezgif**: [網站

程式設計#

元件庫#

Magic UI: https://magicui.design/
基於 react+tailwindcss+nextjs+frame-motion 的動效元件庫
Aceternity UI: https://ui.aceternity.com/
基於 react+tailwindcss+nextjs+frame-motion 的動效元件庫
Preline UI: https://preline.co/index.html
提供元件級、section 級、頁面級的 UI 庫
Float UI: https://floatui.com/
section 級、頁面級 UI 庫
Hyper UI: https://www.hyperui.dev/
section 級 UI 庫
color4bg: https://color4bg.com/en/
首屏動態 linear-gradient 背景生成

其他#

css 九宮格代碼在線生成: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator

設計#

社媒封面生成器#

PicProse: https://picprose.net/en
Cover Paint: https://coverpaint.xiaole.site/zh

Logo 生成器#

Adobe Free Logo Market: https://www.adobe.com/express/create/logo
https://icongenerator.app/generate

圖片生成器#

其他#

沉浸式翻譯: https://immersivetranslate.com/zh-Hans/
一個瀏覽器翻譯插件，好用，無需多言
INDIE HACKERS： https://www.indiehackers.site/en/group/new
awesome and newleast product list
email-once: https://email-once.com/