🚀 利用這些資源加速您的發展! 🚀

👋大家好! 👋

我很高興能分享我多年來收集的這些資源,這些資源在我從事的許多專案中都是救星。該編譯匯集了從使用者介面建立到效能最佳化等各種工具和函式庫。希望您也能充分利用這些精彩資源。讓我們開始吧!

請隨意評論您使用或感興趣的任何其他資源,以便我可以將它們加入到帖子中!

使用者介面:

  • Material Tailwind :一個強大的 UI 套件,結合了 Material Design 和 Tailwind CSS

  • 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 :輕鬆創造令人驚嘆的著色器漸變

SVG:

  • 形狀:適合您設計的美麗 SVG 形狀

  • SVG :發現大量 SVG

  • SVG 插圖:使用 Undraw 的插圖為您的專案增添活力

其他的:

順風:

  • 動畫:使用 Tailwind CSS Animated 為您的 UI 增添風格

  • Intersection Observer :Tailwind CSS Intersect 用來觀察交叉路口

  • 背景:輕鬆美化您的背景

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 中建立響應式砌體佈局

  • 拖放:輕鬆實現拖放功能

  • 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-1dl4


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。