LogoLogo
HomeBlogResources
  • README
  • Design
    • Awesome Design Tools
      • Awesome Design Tools
    • Awesome-UI-Templates
      • README-en
    • awesome-design-systems
      • Awesome Design System
    • Awesome Figma
      • Awesome Figma
    • awesome-styleguides
      • README-en
    • awesome-typography
      • Awesome Typography
    • awesome-ui
      • README-en
    • Awesome UX Design Styleguides
      • Awesome UX Design Styleguides
    • awesome-ux-designer
      • README-en
      • Reading list
    • awesome-ux
      • README-en
    • Awesome Webflow
      • webflow-masterclass
        • Webflow + Firebase用戶認證
    • webflow-masterclass
      • Webflow + Firebase用戶認證
  • Devops
    • Awesome SaaS boilerplate
    • Free for Dev
    • Mega Awesome List
    • Awesome-WordPress-Plugins
      • Awesome WordPress Plugins List
    • Awesome Wordpress Plugin List
    • Awesome CMS
    • awesome-flutter-cn
    • awesome-headless-cms
      • readme-en
    • Awesome-jamstack-resources
      • Awesome-jamstack-resources
    • Awesome Laravel
      • Awesome Laravel
    • awesome-list
      • The awesome manifesto
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • Creating Your Own List
      • pull_request_template
      • Media
    • Awesome Minio
    • awesome-react
      • README-en
    • Awesome Stack
      • Awesome Stacks
    • Awesome UI component library
      • Awesome UI component library
    • awesome-uikit
      • README-en
    • awesome-vercel
      • Awesome Vercel (Previously ZEIT )
    • Awesome WooCommerce
      • Awesome WooCommerce
    • Awesome WordPress
      • Awesome WordPress
    • Awesome Wordpress Developer Tools
      • Awesome WP Developer Tools
  • Marketing
    • Awesome ADTech
      • Awesome AdTech
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • HubSpot CMS Boilerplate
      • HubSpot CMS Boilerplate
    • Awesome HubSpot
    • Awesome Marketing
    • awesome-seo
    • marketing-for-engineers
      • README-en
    • Tech-Marketer
  • Nocode
    • Awesome NoCode / LowCode
      • readme-en
  • Server
    • Awesome Cloudflare
      • Awesome Cloudflare
    • Awesome-Selfhosted
      • Awesome-Selfhosted
  • shopify
    • Awesome Shopify
      • Awesome Shopify
    • Shopify Awesome 真棒!
      • Awesome Shopify
  • Tools
    • Awesome VS Code
    • Awesome Mac
      • Awesome Mac
      • editor-plugin-zh
      • editor-plugin
    • Awesome Nomad
      • Awesome Nomad
    • Awesome-notion
      • Awesome Notion (Eng)
    • awesome-tools-for-startups
      • Awesome list of FREE tools Startups should be using
  • web3
    • Blockchain-stuff
      • CONTRIBUTE
    • Blockchain-stuff
    • Web3.0_Vault-main
    • Web3.0_Vault-main
      • basics
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • awesome-ethereum
    • awesome-solidity-gh-pages
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • Awesome Web3
      • Awesome Web3 Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • Contributor Covenant Code of Conduct
    • free-Web3-resources
      • Contributing Guidelines
    • free-Web3-resources
    • free-Web3-resources
      • Intro to Solidity
    • free-Web3-resources
      • 200-days-of-Web3
    • free-Web3-resources
    • free-Web3-resources
    • Free Web3 Resources
    • free-Web3-resources
      • .github
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • Web3.0_Vault-main
    • web3together-main
      • CODE_OF_CONDUCT
      • sessions
        • Getting Started in Smart Contract Development with Solidity
    • free-Web3-resources
      • .github
        • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • bug_report
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • feature_request
  • webgl
    • Awesome-threejs
      • docs
        • Hellow Three.js 之 三维空间中观察物体的方法--照相机
        • 创建自己的全景图
        • Hellow Three.js 之 创建各种几何形状
        • hello-light-pro
        • Hellow Three.js 之 光影之谜
        • Hellow Three.js 之 加载外部3D模型
        • Hellow Three.js 之 给创建的物体赋予材质
        • hello-obj-mtl
        • P5
        • Hellow Three.js 之 有趣的着色器
        • Hellow Three.js 之 运动物体的性能监测
        • Hellow Three.js 之 让物体动起来
        • Hello Three.js 之 Hello world!
        • what-webgl
        • glsl
          • GLSL 中文手册
          • OpenGL GLSL 语法和函数详解
          • The book of shaders 记录
          • 各种 Shaders 效果
      • demo
        • 有趣的 three.js Demo
          • Decorative WebGL Backgrounds
          • Infinite Tubes
          • The Aviator
        • P5.js Demo
        • Learning-Threejs
          • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • assets
              • models
                • ogre
                  • ogro
    • awesome-threejs
      • README-en
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
    • Awesome WebGL
      • CONTRIBUTING
      • Awesome WebGL
      • Contributor Covenant Code of Conduct
      • Libraries
        • CONTRIBUTING
      • Libraries
        • WebGL Libraries - Features
      • Libraries
        • WebGL Libraries - File Size
      • Awesome WebGL - Libaries/Frameworks
  • AI
    • ChatGPT 中文指南
    • 生成式 AI 項目、工具、藝術作品和模型的精選列表
    • 精選 GPT-4 指南
    • ChatGPT 工具收錄
      • Awesome ChatGPT
    • ChatGPT 中文調教指南
    • GPT 開放原始碼項目合集
    • ChatGPT 應用收藏
    • Awesome OpenAI - 超酷的 OpenAI 蒐藏
      • Awesome-openAI
    • Awesome GPT-3 應用集
      • Awesome GPT-3
    • ChatGPT 提示指令庫
      • Awesome ChatGPT Prompts
  • SaaS
    • awesome-saas-boilerplates
Powered by GitBook
On this page
  • awesome-styleguides
  • 風格指南
  • 故事書
  • 資源
  • 視頻
  • 比較器
  • 工具
Export as PDF
  1. Design

awesome-styleguides

PreviousAwesome FigmaNextREADME-en

Last updated 2 years ago

awesome-styleguides

Awesome

風格指南

\

\

故事書

\

\

資源

\

\

視頻

\

\

比較器

\

\

工具

\

— 適用於 React、Vue 3、Svelte 和 Angular 的可訪問 CSS 組件原語。

— 有關設計與 Apple 平台無縫集成的應用程序的信息。

— 設計、開發和交付。

— 態度品牌外觀。

— Cosmos 是一個用於構建 Auth0 產品的設計系統。

— 顏色、字體和 Disqus 標誌。

— Duo Lingo 設計。

— 彈性 UI 框架

— Helpscout 風格指南。

— 幫助您更聰明地工作的工具,而不是更努力地工作。

— 模式庫。

— MarvelApp 設計系統。

— 使用 Material Design 創建直觀而美觀的產品。

— 實現 Google 的 Material Design 的 React 組件。

— 無需從頭開始。

— 設計和編碼 Windows 應用程序

— 風格指南。

— Angular 8:用戶界面工具包。

— 操作 UI 組件

— GitLab 背後的資源、組件和設計指南。

— Pluralsight 設計系統。

— Shopify 的產品組件庫。

— Priceline 設計系統。

— 為 GitHub 提供支持的 CSS 設計系統。

— Royal Canin 設計系統。

— 閃電設計系統。

— 一個輕量級的表示層,可以與您選擇的 UI 框架一起使用。

— 用戶界面是網絡的語言。

— app.starbucks.com 的構建塊

— 在 Thumbtack 構建高質量、一致的用戶體驗的資產。

— 閃電般快速、高度可配置的搜索。

— ReactiveMaps 和 ReactiveSearch 的故事書遊樂場。

— Artsy 的“Force”組件庫。

— Buffer UI React 組件的集合。

— IBM 的 Carbon 設計系統在 React 中實現。

— Auth0 產品的設計系統。

— Coursera UI 組件庫。

— Fyndiq UI 組件庫。

— Grafana UI 組件庫。

— Reactjs 的樣式化組件。

— GumGum(計算機視覺公司)組件庫。

— Hack Oregon 的官方組件庫和故事書。

— 構建 Lonely Planet UI 體驗所需的所有工具。

— AppNexus 的組件和圖表庫。

— MockingBot UI 組件庫(ibot)。

— Quran.com、Quranicaudio.com 和 Salah.com 的組件庫。

— 事件時間線組件。

— React Native Web 的 Storybook 演示。

— Semantic-UI React 組件的故事書。

— Tachyons 組件的可搜索目錄。

— 帶有內置單元測試的 Todo 應用故事書。

— 超級賽亞人反應組件,真棒布爾瑪的兒子。

— 一個可組合的圖表庫。

— 符合 Wix 風格的組件。

—

—

— 提供的公開可用設計系統和模式庫的存儲庫。

— 一組很棒的設計系統。

— 設計系統畫廊

— 網站風格指南資源。

— 將 React 組件渲染到 Sketch

AgnosticUI
Apple 人機界面指南
Atlassian 設計
Audi
Auth0
Disqus
Duo Lingo
Elastic UI
Helpscout
IBM 設計
MailChimp
MarvelApp
Material Design
Material UI
Microsoft Fluent Design
Microsoft UWP 設計和 UI
Mozilla
Nebular
Operational UI
Pajamas
Pluralsight Design
Polaris
Priceline One
Primer
Royal Canin
Salesforce
SAP Fiori 基礎知識
語義 UI
星巴克模式庫
Thumbprint
Algolia InstantSearch
Appbase Maps
Artsy Force
Buffer Components
Carbon Components
Cosmos
Coursera
Fyndiq
Grafana UI
Grommet
GumGum
Hack Oregon
孤獨星球
Lucid UI
MockingBot
Quran.com
React 事件時間線
React Native Web
Semantic-UI
Tachyons 組件
TodoMVC with Specs
Trunx
Uber React-Vis
Wix Style React
AirBnB 設計
ArtLebedev
System of Systems
內森·柯蒂斯
當我們使用系統時
卡里沙裡寧
Adele
UXPin
awesome-design-systems
Design System Repo
styleguides.io
react-sketchapp