鐵人檔案
分享 Animate-UI 如何透過 shadcn CLI 或直接複製程式碼，快速引入專案，並展示一些最簡單的動畫範例。Animate-UI 結合了 React、Tailwind CSS 與 Motion，提供靈活且高度可自訂的動畫元件，開發者不需要從零開始設計動效，只需套用現有的元件並調整參數，即可創造出豐富的互動體驗。
Animate UI? 這什麼？沒聽過欸 TLDR: 透過 Animate UI 元件，讓網頁動起來～ Animate UI 受到 Shadcn/ui 和...
MCP 是什麼? MCP，全名 Model Context Protocol，是一種開放協議，用來標準化應用程式如何向大型語言模型（LLMs）提供上下文。 可以...
前言 在開始專案之前，先熟悉整體的專案結構能幫助我們快速掌握檔案分工，無論是功能擴充或除錯，都能更有效率地找到正確的切入點。 專案結構說明 開啟專案並使用 tr...
前言 深色模式 (Dark Mode) 在近代使用者裝置上顯得越來越普遍，iOS、MacOS、Android、Windows 在更新上都不約而同的推出。長時間暴...
前言 在前端開發中，數字的展示常常扮演關鍵角色，例如儀表板上的統計數據、即時更新的價格資訊，或是排行榜的分數變動。然而，若只是單純以靜態文字呈現，往往難以在視覺...
前言 想讓第一眼就抓住使用者的注意力嗎？文字動畫是最直接的方式，本篇透過 Animate UI 的實作範例，展示 Highlight、Gradient、Roll...
前言 本篇將會介紹 Animate UI 中的 Shimmering Text、Splitting Text、Typing Text，這些效果能夠賦予文字更多層...
前言 在使用 Animate UI 時，若想打造更具個人風格的動畫效果，MotionGrid 是非常實用的元件。它能讓我們以點陣的方式靈活排列元素，進而組合出獨...
