42.6K Star！一鍵複製全網動畫效果的開源神器
摘要
介紹一個擁有 42.6K Star 的 GitHub 開源專案，收錄 130 多種網頁動畫元件，涵蓋文字浮現、背景流動、卡片翻轉等效果。使用者可直接複製 Prompt 給 AI 編程工具，快速還原動畫效果。專案基於 React 框架，非 React 使用者需透過 AI 輔助轉換，適合想打造高質感網站又不想耗費時間在動畫開發的開發者。
完整逐字稿
嗨，大家好，我是小莫。剛剛我在 GitHub 上發現了一個 42.6K Star 的專案，能讓你直接擁有全網幾乎所有的動畫效果，包括像文字浮現、背景流動、卡片翻轉、點擊擴散等等。那些你在高級網站上見過，但不知道怎麼實現的效果，在這裡基本都能找到。全部開源免費，目前收錄了 130 多個元件，每週還在持續更新中。
我們可以看一下它的整個索引，可以看到有許許多多種不同類型的效果。你可以選中你喜歡的任何一個效果，然後直接選擇「Copy Prompt」，複製給你的 AI 編程工具，AI 就能直接照著參考代碼給你還原出來，連調試的時間都省了。只需要非常小的依賴，就能夠無縫地集成到專案當中。
一些非常天馬行空的 CSS 實現了動畫效果，不僅拓寬了你解決問題的思路，更涉及一些你容易忽視，或者覺得十分有趣的細節，在這個網站上都能給你說說。
不足：它是基於 React 框架來做的一個網站，如果你用其他框架來寫網站，你需要讓 AI 幫你再多做一次轉換。另外呢，它的效果實在是太多了，如果說你是新手，不知道從哪裡開始的話，我強烈建議你從文字動畫那一欄開始翻，很快就能找到感覺。
如果說你想做一個看起來有設計感的網站，又不想在動畫上花太多時間的話，這個庫呢，能幫你省掉大量的重複工作。關注我，我會分享更多 AI 時代真正用得上的工具和方法。
我們可以看一下它的整個索引，可以看到有許許多多種不同類型的效果。你可以選中你喜歡的任何一個效果，然後直接選擇「Copy Prompt」，複製給你的 AI 編程工具，AI 就能直接照著參考代碼給你還原出來，連調試的時間都省了。只需要非常小的依賴，就能夠無縫地集成到專案當中。
一些非常天馬行空的 CSS 實現了動畫效果，不僅拓寬了你解決問題的思路，更涉及一些你容易忽視，或者覺得十分有趣的細節，在這個網站上都能給你說說。
不足：它是基於 React 框架來做的一個網站，如果你用其他框架來寫網站，你需要讓 AI 幫你再多做一次轉換。另外呢，它的效果實在是太多了，如果說你是新手，不知道從哪裡開始的話，我強烈建議你從文字動畫那一欄開始翻，很快就能找到感覺。
如果說你想做一個看起來有設計感的網站，又不想在動畫上花太多時間的話，這個庫呢，能幫你省掉大量的重複工作。關注我，我會分享更多 AI 時代真正用得上的工具和方法。