分享 Animate-UI 如何透過 shadcn CLI 或直接複製程式碼,快速引入專案,並展示一些最簡單的動畫範例。Animate-UI 結合了 React、Tailwind CSS 與 Motion,提供靈活且高度可自訂的動畫元件,開發者不需要從零開始設計動效,只需套用現有的元件並調整參數,即可創造出豐富的互動體驗。
前言 參加鐵人賽寫文就像是一場長跑,眼看快要衝過終點,當然要來點華麗的慶祝儀式啦!✨這時候是不是腦中已經浮現「放煙火、放鞭炮」的畫面了?🎆 那就對啦~因為 An...
前言 看過那種畫面嗎?整個背景像被「吸進黑洞」一樣,神秘又充滿動感。🌀 這可不是外星科技,而是 Animate UI 的 Hole Background!這個元...
前言 六邊形,不只是蜂巢的專利!🐝在 Animate UI – Hexagon Background 裡,它搖身一變成為超酷的背景神器。只要幾行指令,就能讓你的...
前言 這次要介紹的 Animate UI – Star Background,就像在你的畫面上灑下一整片星河,讓靜態的頁面瞬間多了點浪漫氣息~ 不需要望遠鏡,也...
前言 今天要來探索 Animate UI 的 Sidebar 元件,你可能會在 Shadcn UI 上看到超級像(甚至說一模一樣)的側邊欄,但配上 Animat...
前言 先祝福大家雙十快樂 😆又一個快樂的三天連假要放啦~ 今天要來介紹的是 Animate UI 1.0 更新後的新元件 -- Theme Toggler,與...
前言 今天同樣是要來介紹 Animate UI 1.0 更新後的新元件庫 -- Effects。有時候你只是想要一個簡單的圖片元件,稍微有些動作,或是只是 Bu...
前言 前面辛苦打造的 Animate UI 網站,終於要登場啦 🎉!經過無數次的調整、測試、再調整(還順便懷疑了一下人生 😅),現在總算到了最令人興奮的一步 —...
前言 這系列文章都在聊 Animate UI,但好像一直沒說清楚我到底是怎麼跟它相遇的?🤔今天就來講講這段遇見 Animate UI 的緣起吧! 電商歷史價格查...