Hexi

編程#

組件庫#

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

更多可參考：https://www.indiehackers.site/en/group/design/category/ui-component

其他#

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

設計#

社媒封面生成器#

1. PicProse: https://picprose.net/en

2. Cover Paint: https://coverpaint.xiaole.site/zh

Logo 生成器#

1. Adobe Free Logo Market: https://www.adobe.com/express/create/logo

圖片生成器#

圖片壓縮#

1. TinyPNG: https://tinypng.com/
2. iLoveIMG: https://www.iloveimg.com/zh-cn/compress-image
3. Ezgif: https://ezgif.com/resize
   gif 壓縮與處理

圖片 Mock#

1. Lorem Picsum: https://picsum.photos/

圖片背景移除#

1. Remove bg: https://www.remove.bg/upload

其他#

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