React Bits：90+ 個免費網頁動畫元件

這是什麼

React Bits 是一個開源的網頁動畫元件庫：文字特效、動態背景、卡片、首頁區塊，超過 90 個元件全部免費，複製貼上就能用在自己的網站。它的 /tools 頁還藏了三個免費設計小工具:

1. Background Studio：調出會動的背景，可輸出成影片、圖片或程式碼
2. Shape Magic：做圓滑的漸層形狀，可輸出 SVG/PNG/CSS
3. Texture Lab：幫圖片加噪點、網點、ASCII 等質感特效，做封面圖很好用

誰需要

• 自己用 AI 寫網站(React)的人：直接把元件丟給 AI 說「用這個」，網站質感立刻升級
• 不寫程式也用得到：三個小工具是網頁介面，做社群圖、封面背景直接用

要不要錢

• 免費：主元件庫 90+ 個元件、三個小工具，全免費
• 付費(React Bits Pro)：另一個進階庫，100+ 元件、150+ 區塊、10+ 整頁模板，適合重度接案者

怎麼開始

不會程式：直接玩 reactbits.dev/tools 的三個小工具。
會用 AI 寫網站：挑好元件，把元件頁連結貼給 AI 請它裝進你的專案。

本文發表於 2026-07-06。文中價格與方案為發表當時查證的資訊，之後可能調整，實際請以官網最新公告為準。