관련 프로젝트

Material UI를 확장하거나 그 위에 구축된, 엄선된 도구 목록입니다. MUI 조직과 커뮤니티 개발자들이 Material UI를 다룰 때 쓰면 좋은 보충 도구를 여럿 만들었어요. 이 페이지에는 그중 가장 훌륭한 것들을 소개합니다.

출처: 문서

본문

Material UI를 확장하거나 그 위에 구축하는 도구들을 신중하게 선별해 모아둔 목록이에요.

MUI 조직과 커뮤니티 개발자들은 Material UI로 작업할 때 쓰기 좋은 훌륭한 보충 도구들을 만들어 왔습니다. 이 페이지는 지금까지 본 것 중 가장 좋은 것들을 소개합니다.

이 페이지에 소개되었으면 하는 프로젝트가 있으신가요? 자유롭게 pull request를 제출해주세요. 그러면 관리자들이 설명 작성을 도와드릴 거예요.

서드파티 관리자 프레임워크 (Third-party admin frameworks)

  • React-admin: REST/GraphQL API 위에서 브라우저에서 동작하는 데이터 기반 애플리케이션을 만들기 위한 프론트엔드 프레임워크입니다.
  • Refine: 웹 애플리케이션을 빠르게 개발하기 위한 오픈소스, headless React 메타 프레임워크입니다.

서드파티 테마 도구 (Third-party theming tools)

보충 컴포넌트 (Supplementary components)

레이아웃 (Layout)

이미지 (Image)

  • mui-image: 이미지 로딩에 관한 Material Design 2 가이드라인을 충족하는 유일한 Material UI 이미지 컴포넌트입니다.

칩 입력 (Chips input)

  • mui-chips-input: Material UI와 함께 쓰도록 설계된 칩 입력입니다.

전화번호 입력 (Phone number input)

일회용 비밀번호 입력 (One-time password input)

  • mui-otp-input: Material UI용 일회용 비밀번호 입력입니다.

파일 입력 (File input)

색상 입력 (Color input)

리치 텍스트 에디터 (Rich text editor)

  • mui-tiptap: Tiptap으로 만든, 커스터마이즈 가능한 Material UI 스타일의 WYSIWYG 리치 텍스트 에디터입니다.

폼 (Form)

알림 (Notification)

  • notistack: 쌓고 대기열을 만들 수 있는 여러 snackbar를 표시합니다. 이 도구는 열고 닫기 상태를 다루기 쉽게 만들어줍니다.

더 알아보기 (Learn more)

  • Material UI 생태계 둘러보기