Frontend

InfoQ是一個實踐驅動、以社區為中心的技術媒體平台，致力於促進軟體開發及相關領域知識與創新的傳播，提供架構、雲端運算、AI、前端、大數據等與軟體開發相關的最新技術資訊、解讀及技術會議。

超過 500 個專業設計的 UI 元件和模板的集合，使用 Tailwind CSS 構建，可用於 HTML、React 和 Vue 版本，用於構建行銷網站、應用程式和電子商務商店

一個線上程式碼編輯器和社交開發環境，供前端開發人員和設計人員建置、測試和分享 Web 專案。

包含 15 小時內容和現場 UX 培訓的綜合視訊課程，涵蓋針對 UI/UX 設計師和前端開發人員的 100 種智慧介面設計模式。

最大的開源 UI 元素庫。

用於 Web 開發專案的最佳 Tailwind CSS 範本和 UI 套件的精選集合。

DevUI是一個針對中後台產品的開源、免費的企業前端解決方案，為設計人員和開發人員提供設計系統和元件。

用於 Web 專案的即用型跨瀏覽器 CSS 動畫庫，只需一個類別即可輕鬆實現。

Fusion Design 是一種企業級解決方案，用於建立 Web 產品、增強設計人員與開發人員的協作、一致性和效率。

一款透過輸入顏色產生CSS顏色漸層的工具，支援3色漸層和自動CSS程式碼輸出。

Xiaomi's enterprise-level mid- and back-end design system. A conventional B-side web design system that provides design guidelines, front-end code, etc. There are design files for three platforms: Sketch, Axure, and Figma, but Figma is currently not open to the public. What’s interesting is that some component examples use Lei Jun’s memes as copywriting – “Are you OK?”

Kombai 是一款由人工智慧驅動的工具，可將 Figma 設計準確地轉換為前端程式碼。

一個輕量級 JavaScript 函式庫，用於將 SVG 動畫化為繪製效果，具有可自訂的動畫類型和計時函數。

UI 元件和設計系統的全面集合，為設計師和開發人員從頂級來源編譯最佳實踐。

一個 React 元件庫和設計系統，用於在 VTEX 電子商務平台中建立一致的使用者介面。

On November 30, 2022, OpenAI released ChatGPT 3.5, leading mankind towards a new era of AGI human-computer interaction. AGI makes natural human-computer interaction a reality. The simple and natural interaction method of "language" once threatened the GUI (graphical user interface) that has dominated the field of human-computer interaction for decades. Designers have begun various attempts and transformations

企業後台系統的統一設計和開發平台，提供標準化組件和後端集成，以簡化業務流程。

Wix 的設計系統，提供可重複使用的 React 元件、Figma 套件、圖示以及用於大規模建立本機 Wix 應用程式的遊樂場。

一個 React 動畫庫，用於創建流暢的互動式 UI 動畫，是 Ant Design 生態系統的一部分。

將設計轉換為可用於生產的程式碼。 將您的設計轉化為適用於行動應用程式和 Web 的可投入生產的前端程式碼。利用現有的設計工具、技術堆疊和工作流程，將產品的交付速度提高 5-10 倍。

一款 Chrome 擴充程序，可一鍵從任何網站檢查和複製 CSS，受到數千名開發人員的信賴。

一個色調和色調產生器工具，用於從十六進位程式碼建立 CSS、Sass 和 Tailwind 調色板。

使用 Tailwind CSS 配置產生顏色陰影和色調的工具，顯示十六進位代碼和調色板。

一個 Tailwind CSS 插件，提供語義元件類別名稱，以實現更快、更清晰的 UI 開發，具有可自訂的主題，並且不依賴 JavaScript。