ZodeX Studio

01. Magnetic Interaction

游標靠近時按鈕會產生吸附效果。

02. Liquid Animation

懸停時產生動態波紋流動效果。

03. Glassmorphism

半透明模糊卡片

毛玻璃特效，增加視覺層次感。

04. 3D Parallax Tilt

跟隨游標角度產生的 3D 傾斜。

05. Text Scramble

文字解碼與隨機跳動特效。

06. Brand Cursor

全站自定義品牌游標回饋。

07. Glowing Effect

懸停時產生外發光霓虹效果。

08. Number Counter

0

滾動至此時自動計數動畫。

09. Custom Toast

取代傳統 alert 的非阻塞式提示。

10. Live Time

00:00:00

依據使用者裝置即時更新時間。

11. Copy to Clipboard

點擊後複製內容並顯示成功提示。

12. Random Quote

載入中...

13. FAQ Accordion

如何開始專案？

14. Mega Menu Preview

滑鼠懸停觸發選單

15. Service Flow Chart

1

2

3

互動式服務流程圖示。

16. Flip Service Card

正面：服務標題

背面：這裡顯示詳細的服務介紹與說明內容。

17. Hover Zoom Image

查看專案

18. Tech Ability Wall

Docker Python Node.js Tailwind Nginx Git

19. Countdown Timer

00d 00h 00m 00s

活動倒數計時功能。

20. Live Search Filter

Apple
Banana
Cherry
Date

21. Morphing Blob

動態變形背景裝飾元件。

22. Radial Shortcut Menu

點擊後展開多個方向的快捷選項。

23. Hover Text Slide

懸停時顯示另一段文字的滑動特效。

24. Random Explore

隨機開啟一個作品或服務頁面。

25. Before/After Slider

拖曳比較兩張圖片的差異。

26. Font Size Adjuster

這段文字的大小可以被調整。

27. Copyable Code Block

npm install zodex-studio-ui

適合技術型官網的代碼展示。

28. Secret Easter Egg

輸入密碼觸發彩蛋 (提示: up up down down...)

隱藏彩蛋，輸入特定組合觸發。

29. Interactive CTA

30. Button Loading State

31. Pricing Comparison

基礎版

專業版

32. Project Timeline

2026.01 - 成立

2026.10 - 轉型

33. Image Fallback

34. Local Favorites

ZodeX Showcase