標籤: React 頁1
React相關的文章，目前共收錄 41 篇內容。
網路資源
Landing Page Examples：精選 Landing Page 範例資源庫
Landing Page Examples 是一個專為設計師、開發者和產品經理打造的Landing Page範例平台，匯集了多元風格和行業的高品質設計，涵蓋技術棧篩選（如 React、Next.js、Tailwind CSS）以快速找到契合的 UI 構思。用戶可學習最新排版、配色與高轉化設計技巧，適合新專案創建或現有頁面優化，是靈感和設計實踐的理想資源。
網路資源
TailConverter：快速將 CSS 轉換為 Tailwind CSS 的工具
TailConverter 是一款瀏覽器擴充套件，讓開發者能夠輕鬆將現有的 CSS 轉換為 Tailwind CSS。該工具支援各種網站平台與框架，包括 WordPress、Shopify 以及 React，並且能準確地將顏色、媒體查詢及自定義字體匯出。只需點擊幾下，即可快速轉換網頁元素，並支援 Chrome、Firefox 和 Edge 瀏覽器，適合想要加快開發速度的網頁設計師。
網路資源
Aceternity UI：豐富的網站前端動態效果元件庫
Aceternity UI 提供一套專為網站開發者打造的前端元件庫，例如3D卡片效果、星光背景、動態漸變背景等，讓使用者能輕鬆將最新趨勢的網頁元件直接複製、貼上到自己的專案中。它支援多種框架與技術，如 Next.js、React、TailwindCSS 和 Framer Motion，確保在不同開發環境中都能快速應用這些美觀的介面設計。Aceternity UI 讓設計與開發變得更高效，無需繁瑣的樣式調整，適合任何想快速提升網站外觀的開發者。
網路資源
Storybook：強化 UI 開發的最佳工具，打造高效的元件驅動開發流程
Storybook 是一款強大且靈活的開源工具，專為前端開發者打造，用來構建、測試及分享 UI 元件。透過這個工具，開發者可以在不依賴完整應用程式的情況下，專注於單一元件的開發與驗證，讓前端開發流程變得更加高效且有組織。
網路資源
Devhints：開發者快速查詢程式語言語法的最佳捷徑
Devhints 是一個專為開發者設計的速查指南網站，匯集了多種程式語言和工具的速查表（cheatsheets）。這些速查表涵蓋了從基本語法到高級功能的各種知識點，幫助開發者快速找到所需資訊，提升工作效率。包含 HTML、javascript、CSS、git、資料庫，前端的框架、函式庫還有後端的許多程式語言都有收錄，可以給做相關工作的參考。
網路資源
Starlight：打造閃耀的文件網站
Starlight 是一款由 Astro 團隊開發的強大工具，專為建立高效、易用的文件網站而設計。利用 Astro 的全方位性能，Starlight 提供了完善的文件網站功能，包括網站導航、搜尋、國際化、SEO、易讀的排版、程式碼 Highlight 和暗色模式等。
網路資源
Coderbyte：技術評估與面試的最佳平台
Coderbyte 是一個專門為開發者提供技術評估和面試準備的平台。它提供各種程式挑戰、實際專案和即時面試模擬，幫助開發者提升技能並為技術面試做準備。Coderbyte 同時也為企業提供高效的候選人評估工具，提升招聘準確性和效率。
網路資源
Dynaui：靈活高效的 UI 設計工具
Dynaui 是一個專為設計師和開發者設計的 UI 設計工具，旨在提供快速且靈活的介面設計方案。這個平台強調響應式設計和高效工作流程，幫助用戶創建出色的用戶介面。
網路資源
HTMLrev：免費 HTML 樣板資源大全
HTMLrev 是一個提供超過 1500 款免費 HTML 模板的網站，涵蓋網站、Landing Page、部落格、作品集、電子商務和儀表板等多種用途。該平台為開發者和設計師提供了多樣化的選擇，適用於各種框架如 Bootstrap、Tailwind、Bulma、Angular、React、Vue、Nextjs 等。
網路資源
Atropos.js：好用的3D互動效果函式庫
Atropos.js 是一個強大的JavaScript 函式庫，專為創建流暢的3D互動效果而設計。它適用於各類網頁和應用程式，能夠為用戶提供引人入勝的視覺體驗。
網路資源
Radix UI：提供 icon 及配色建議以簡單打造優雅的使用者介面的線上工具
Radix UI 是一個開源的元件庫，專注於快速開發、易於維護和無障礙的設計。無需配置，只需讀入並開始使用。該網站提供多樣的 UI 元件，幫助開發者快速建立高品質的網頁應用程式。
網路資源
Magic UI：基於 React、Tailwind CSS 和 Framer 的創意設計平台
Magic UI 是一個專為設計師打造的強大工具平台，基於 React、Tailwind CSS 和 Framer 開發，提供多樣化的設計資源和範本，幫助使用者快速創建吸引人的 UI 設計。
網路資源
CSS Snippets：簡單實用的CSS範例集合
CSS Snippets 是一個提供各種實用CSS範例的網站，適合網頁設計師和開發者快速找到解決方案。網站收錄了多種常用的CSS樣式和效果，包括動畫、佈局、導航和表單等，所有範例都經過測試並且可以即時應用到專案中。每個範例都有詳細的代碼和說明，方便用戶輕鬆理解和使用。
網路資源
Page UI：輕鬆打造專業 Landing Page
Page UI 是一套專為 React 和 Next.js 使用者設計的 Landing Page 元件與範本集。使用者可直接將這些元件和範本複製貼上至自己的程式碼中，快速建立外觀精美且轉換率高的Landing Page。此外，所有元件和範本皆為開源，並支援深夜模式，適合各種品牌風格。
網路資源
SVG Viewer：線上檢視還有最佳化 SVG 的工具，亦可轉檔出 SVG 或 React 格式
SVG Viewer 是一個專為查看、編輯和優化SVG檔案的線上平台。使用者可以直接在瀏覽器中上傳SVG檔案，進行旋轉、翻轉、改變尺寸等操作，並透過「優化」功能減少檔案大小而不損失品質。此外，該平台還支持將SVG檔案導出為PNG或 React 等其他格式，適合設計師和開發者在編輯過程中快速預覽和調整圖形。
網路資源
JavaScript框架語法特性對比：用互動式的介面介紹及比較各大前端框架差異的工具網站
JavaScript框架語法特性對比是一個專門比較不同JavaScript框架語法特性的工具網站。由Jason Liang所創建，這個平台提供了一個互動的介面，讓開發者可以直覺地比較React、Vue、Angular、Svelte、SolidJS、Lit、Ember與Alpine.js等流行框架的不同語法和功能。用戶可以通過具體的示範程式碼來看到在各個框架中實現相同功能的差異，這對於選擇合適的框架來開發項目非常有幫助。
網路資源
Tailwind Awesome：收錄眾多優秀Tailwind模板與UI套件的網站
Tailwind Awesome 是一個專門提供高品質Tailwind CSS模板和UI套件的線上資源庫。該平台匯聚了眾多設計精美的模板，涵蓋了從SaaS、創業公司Landing Page到個人作品集等多種用途。此外，用戶還可以按網站技術如React、Vue.js等過濾搜尋結果，或從價錢排序收錄的模板。
網路資源
Hugeicons Pro：為您的設計專案注入27,000+專業圖示的魅力
Hugeicons Pro 是一個提供超過27,000+專業圖示的網站，旨在為設計師和開發者提供高品質、風格多樣的圖示庫，以美化他們的設計專案。支援多種格式包括Figma、React、SVG、CDN、NPM等，並提供一個強大的Figma 外掛，以提升設計效率。此外，Hugeicons還擁有一個免費圖示庫，包含超過3,800個圖示，適合於各種個人和商業項目使用。