● 온라인
The Component Gallery

The Component Gallery

엄선 repository 의 UI 컴포넌트 에서 95 real-세계 디자인 시스템.

제품 개요

Component Gallery (component.gallery) is an up-to-date reference resource aggregating interface components from production design systems worldwide. It features 60 component types with 2,680 examples across 95 design systems, allowing side-by-side comparisons for inspiration in building component-based UIs. Created by Iain Bean, it's a non-commercial tool emphasizing practical patterns over ready-to-use code. Component Pages → Detailed views of 60 components (e.g., Accordion, Carousel, Pagination) with aliases and examples. Design System Directory → Profiles of 95 systems with links, tech stacks, and features. Search & Filters → Browse by component or system for targeted reference. Inspiration Focus → Highlights variations to inform custom solutions.

추천 대상

UI 디자이너 빠르게 구축 polished interfaces.

주요 기능

  • 컴포넌트 Pages → Detailed views 의 60 컴포넌트 (e.g., Accordion, Carousel, Pagination) 를 사용한 aliases 및 examples.
  • 디자인 시스템 디렉토리 → Profiles 의 95 systems 를 사용한 links, tech stacks, 및 기능.
  • 검색 & 필터 → 찾아보기 에 의한 컴포넌트 또는 시스템 를 위한 targeted reference.
  • 영감 Focus → Highlights variations 로 inform custom solutions.

장점

  • +포괄적인 디자인 시스템
  • + 큐레이션된 디자인 영감

단점

  • -편집 또는 제작 도구 미포함
  • -학습 곡선이 필요할 수 있음

/// 스펙

  • 가격:
    Free
  • 플랫폼:
    Browser
/// 유사 도구