🚀 利用這些資源加速您的發展！ 🚀
👋 大家好！ 👋
在我之前關於前端資源的帖子得到熱烈反響後，我決定建立一個更新版本。這次，我不僅包含了之前分享的所有工具和函式庫，還包含了我從那時起發現的一堆新資源。
該集合包含各種工具，涵蓋從建置令人驚嘆的用戶介面到微調性能等等的一切。這些資源在我自己的專案中非常寶貴，我很高興與您分享它們。我希望它們對您和我一樣有用！
請隨意分享您使用或發現有趣的任何其他資源 - 我很樂意將它們加入到清單中！讓我們深入了解一下吧！
使用者介面:
-
Material Tailwind ：一個強大的 UI 套件，結合了 Material Design 和 Tailwind CSS
-
MiracleUI ：純 CSS 內建且可自訂的元件
-
Bentoed : html/css/tailwind 便當目錄
-
Aceternity UI ：適合您下一個專案的時尚而現代的 UI 元件
-
NextUI ：使用 NextUI 輕鬆製作漂亮的介面
-
ChakraUI ：一個簡單、模組化且可存取的元件庫
-
交易視圖圖表：使用 TradingView 的輕量級圖表增強您的資料視覺化遊戲
-
AutoAnimate ：使用 AutoAnimate 輕鬆創造令人驚嘆的動畫
-
React-magic-motion ：為你的 React 元件加入一點魔力
-
Keep React ：讓你的 React 元件保持新鮮和時尚
-
Daisy UI ：使用 Daisy UI 建立令人愉悅的介面
-
ShadCn ：透過時尚優雅的元件提升您的 UI
-
剪輯路徑：使用 Clippy 對形狀進行創意
-
Radix ：使用 Radix 建立強大且可組合的 UI
-
佈局產生器：輕鬆設計靈活的佈局
-
實用工具：漸層、遊標等的便利工具包
-
圖像產生器：使用高品質圖像立即美化您的設計
-
按鈕：用風格來扣住你的使用者介面
-
PrimeReact ：React 應用程式的主要元件
-
一切盡在一頁：探索精選的資源集合
-
Beer CSS ：基於 Material Design 3 的語意 HTML CSS 框架。
漸層：
-
Firecms ：為您的專案提供動態漸變
-
Shadergradient ：輕鬆創造令人驚嘆的著色器漸層。
-
MSHR ：434 個普通 CSS 網格漸層的集合，免費供您在任何專案中使用。
SVG：
圖示:
其他的：
-
滑桿 — Swiper ：無縫滑動內容
-
Toast 通知 — Sonner ：Toast 通知變得簡單
-
Atropos - 3D 元素：為您的專案加入沉浸式 3D 元素
-
自動動畫（原生 Javascript） ：使用原生 JavaScript 輕鬆為元素製作動畫
-
Vaul（移動滑桿） ：使用 Vaul 提升滑桿
-
影片效能優化器：使用 Lite YouTube Web Component 優化影片效能
-
日曆：簡化您的日程安排流程
-
對比度選擇器：使用 Coolors 的對比度檢查器確保可存取性
-
影像優化器：壓縮影像以獲得更好的性能
-
相對時間：將時間戳格式化為本地化字串或在使用者瀏覽器中自動更新的相對文字。
-
鏡頭：建立精美的照片來展示您的專案。
-
設定檔自述文件產生器 Github ：建立 github 設定檔自述文件
-
響應式：同時開發多個響應式視圖的應用程式
Tailwind：
-
動畫：使用 Tailwind CSS Animated 為您的 UI 增添風格
-
Intersection Observer ：Tailwind CSS Intersect 用來觀察交叉路口
-
背景：輕鬆美化您的背景
-
Bentoed : html/css/tailwind 便當目錄
JavaScript：
-
Masonry Grid ：輕鬆建立動態網格佈局
-
MiniMasonry ：砌體佈局的輕量級替代方案
-
Gallery PhotoSwipe ：使用 PhotoSwipe 優雅地展示您的影像
-
Gallery LightGallery ：LightGallery 提供令人驚嘆的影像畫廊
-
Tempo ：使用 Tempo 簡化基於時間的操作
-
Tippy（工具提示） ：透過可自訂的工具提示增強使用者體驗
-
Intersection Observer ：Intersection Observer 高效能滾動指南
-
無限滾動：輕鬆實現無限滾動
-
Just ：常見 JavaScript 實用程式的函式庫
-
GLTFs into JSX ：將 GLTF 檔案轉換為 JSX 元件
-
主題切換效果：以精美的動畫在深色和淺色主題之間切換。
React：
-
計數器：動態計算你的數字
-
砌體佈局：在 React 中建立響應式砌體佈局
-
拖放：輕鬆實現拖放功能
-
FilePond ：使用 FilePond 簡化檔案上傳
-
Faker ：用 Faker 產生真實的假資料
-
隨機：用隨機單字為你的專案增添趣味
-
圖表：使用 Chart.js 完美地視覺化資料
-
UseSound ：將聲音效果合併到您的 React 應用程式中
-
ReCharts ：基於 React 元件建構的圖表庫
-
浮動 UI（工具提示） ：互動式工具提示的浮動 UI
-
Tippy（工具提示） ：用於 React 應用程式的 Tippy.js
-
日曆：滿足您所有日程安排需求的另一個日曆資源
-
CMDK Console ：React 應用程式的控制台
動畫
原文出處：https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式