Vue, Angular, React를위한 머티리얼 디자인 템플릿 (Material UI)

개발자가 일종의 표준 또는 공통 시작점으로 작업 할 수 있다면 UI를 디자인하는 것이 더 편리하지 않습니까? 머티리얼 디자인 템플릿이 등장하는 곳입니다.!


복용 "카드" Google Now와 함께 제공되는 개념 인 머티리얼 디자인은 그리드 기반 레이아웃, 반응 형 애니메이션, 패딩, 깊이 효과 등으로 향상됩니다. 이러한 방식으로, 기술적 진보와 우수한 설계 개발을보다 쉽게 ​​결합 할 수 있습니다..

UI 구축을 더욱 단순하게하기 위해 Google의 머티리얼 디자인 원칙을 통합 한 다양한 프레임 워크 및 템플릿을 즉시 사용할 수 있습니다. 이것이 바로 오늘 게시물에서 우리의 초점입니다. Vue, Angular 및 React를위한 최고의 머티리얼 디자인 템플릿은 다음과 같습니다..

시작하자:

Vue, Angular, React를위한 머티리얼 디자인 템플릿 (Material UI)

  • �� React 재질 디자인 템플릿을 보려면 클릭하십시오
  • �� Vue 재료 디자인 템플릿을 보려면 클릭하십시오
  • �� 각도 재질 디자인 템플릿을 보려면 클릭하십시오

React의 머티리얼 디자인 템플릿

1. 재료 키트 반응

재료 키트 반응

여기로 데모

머티리얼 키트 반응보기모바일에서 재료 키트 반응
  • 무료 소재 UI 키트
  • 60 개의 수제 요소
  • 4 개의 맞춤형 플러그인
  • 세 가지 예제 페이지
  • 대규모 타이포그래피
  • 색깔 변이
  • Android 애플리케이션을위한 최신 웹 사이트 구축

2. 머티리얼 디자인 리 액트 관리자

머티리얼 디자인 리 액트 관리자

여기로 데모

머티리얼 디자인 반응 관리 뷰모바일의 머티리얼 디자인 리 액트 관리자
  • 18 가지 색 구성표
  • 밝고 어두운 테마
  • 반응 형 및 고해상도 화면 지원
  • 다중 레이아웃, 모듈 식 코드
  • 게으른 로딩
  • 관리 템플릿 및 방문 페이지
  • 변수를 쉽게 변경하기 위해 CSS 및 SaaS 사용

삼. 점보 반응

점보 반응

여기로 데모

점보 반응보기모바일에서의 점보 반응
  • 7 개의 대시 보드, 150 개 이상의 위젯
  • 6 가지 네비게이션 스타일과 6 가지 내장 앱
  • 비동기 로딩
  • 130 개 이상의 디자인 된 페이지
  • 밝고 반 어둡고 어두운 색조를 사용할 준비가되었습니다.
  • 완전 반응
  • RTL 및 다국어 지원

4.

문

여기로 데모

포털보기모바일 포털
  • 6 가지 레이아웃, 세련된 대시 보드
  • 두 가지 예제 앱
  • 15 개 이상의 요소 페이지
  • 최신 머티리얼 UI 컴포넌트를 사용합니다
  • 지연 로딩 및 RTL 지원
  • SASS 스타일 시트
  • 9 개의 내장 테마

5. 재료 대시 보드 반응

재료 대시 보드 반응

여기로 데모

자재 대시 보드 반응보기모바일에서 자재 대시 보드 반응
  • 인기있는 Material-UI v3.1.0 프레임 워크에 구축
  • 200 개 부품
  • 예제 페이지 28 개
  • 10 가지 맞춤형 플러그인
  • 5 가지 컬러 필터 선택
  • 사이드 바의 배경 이미지 옵션
  • 왼쪽 사이드 바 탐색

6. 리 액트 관리자

리 액트 관리자

여기로 데모

리 액트 관리자보기모바일에서 관리자 반응
  • 초고속, 맞춤형 UI
  • 모든 기능을 갖춘 데이터 그리드
  • 원하는대로 필터링
  • WYSIWYG 에디터
  • 맞춤형 대시 보드, 메뉴, 레이아웃
  • 여러 백엔드에 연결
  • 모든 양식 레이아웃 지원

다음 기사에 관심이있을 수도 있습니다.

  • 2020 년에 최고의 Angular 관리 대시 보드 템플릿 20 개 이상
  • 전자 상거래 사업을 처음부터 시작하는 방법 (10 단계)
  • Fiverr에서 돈을 버는 방법 : 매월 $ 2-3k를 벌기 위해했던 정확한 단계
  • 가장 흥미로운 Vue UI 구성 요소 라이브러리 14 개

7. 뇌관

뇌관

여기로 데모

입문서모바일 입문서
  • 밝고 어두운 테마
  • 완전 반응 형 RTL 지원
  • AoT 편집
  • JSS 스타일링
  • 손쉬운 사용자 정의
  • 5 개의 내장 앱
  • 5 개의 예제 페이지

Vue의 머티리얼 디자인 템플릿

8. 부 재료 키트

부 재료 키트

여기로 데모

Vue 머티리얼 키트 뷰모바일 용 Vue 머티리얼 키트
  • 비어 있는
  • 60 개의 수제 요소
  • 두 개의 맞춤형 플러그인
  • 세 가지 예제 페이지
  • Vue Material 및 Vuejs를 기반으로 구축
  • 기본 요소, 탐색, 입력, 이미지, 타이포그래피

9. Vuely

Vuely

여기로 데모

Vuely viewVuely on mobile
  • 여러 대시 보드
  • 완전 반응
  • 200 개 이상의 UI 요소
  • 78 개 이상의 맞춤 위젯
  • 여러 테마 옵션
  • 퀼 편집기, WYSIWYG 편집기
  • 1500 개 이상의 글꼴 아이콘, RTL 지원

10. Vue 재료 대시 보드

Vue 재료 대시 보드

여기로 데모

Vue 재질 대시 보드보기모바일 용 Vue 머티리얼 대시 보드
  • 200 개 부품
  • 플러그인 15 개
  • 27 개의 예제 페이지
  • 머티리얼 아이콘 글꼴
  • 로그인, 등록, 가격 및 잠금 페이지
  • 데이터 테이블 및 캘린더
  • 벡터지도 및 미니 사이드 바

11. 바이스

바이스

여기로 데모

Vuse보기모바일 Vuse
  • 여러 레이아웃, 많은 예제 페이지
  • 어둡고 밝은 색상 테마
  • 완전 반응
  • 내장 앱
  • 구성 가능한 템플릿 레이아웃
  • 빠른 시작 키트
  • 맞춤형 색상 관리

12. 부자재 관리자

부자재 관리자

여기로 데모

Vue Material 관리자 뷰모바일의 Vue Material Admin
  • 9 가지 레이아웃
  • 채팅 앱 포함
  • 4 가지 위젯 사용 가능
  • 여러 테마 옵션
  • 오류 및 로그인 페이지
  • 날짜 및 시간 선택기
  • 어둡고 밝은 사이드 바 옵션

13. Vuetify 재질 대시 보드

Vuetify 재질 대시 보드

여기로 데모

Vuetify 재질 대시 보드보기모바일에서 Vuetify Material Dashboard
  • 모듈 식 구조
  • 16 개의 수제 부품
  • 두 개의 맞춤형 플러그인
  • 7 개의 예제 페이지
  • 소재 디자인 아이콘
  • 사이드 바 필터
  • 색상 옵션

14. 부 재료

부 재료

여기로 데모

Vue 재질 뷰모바일의 Vue 자료
  • 컴포넌트 및 UI 요소
  • 모든 최신 웹 브라우저 지원
  • 반응 형
  • 다이나믹 테마
  • Google 머티리얼 디자인으로 제작
  • 사용하기 쉬운 API
  • 밝고 어두운 스킨

Angular의 머티리얼 디자인 템플릿

15. 퓨즈

퓨즈

여기로 데모

퓨즈 뷰모바일 퓨즈
  • 어둡고 밝은 테마
  • 많은 내장 앱
  • 10 개 이상의 페이지 예
  • 구성 가능한 템플릿 레이아웃
  • 맞춤형 색상 관리
  • 20 개 이상의 페이지 레이아웃
  • AoT 컴파일러 지원

16. 삼각

삼각

여기로 데모

삼각형보기모바일 삼각
  • 5 개의 대시 보드
  • 6 가지 템플릿 레이아웃
  • 페이지 디자인 톤
  • 반응 형
  • 많은 예제 앱
  • PSD 포함
  • 다국어 지원

17. 탄력적 UI

탄력적 UI

여기로 데모

탄력적 UI보기모바일의 탄력적 인 UI
  • 완전 모듈 식
  • 300 소재 아이콘
  • 스낵 바 알림
  • 모달 가능
  • 앵귤러 플렉스 레이아웃
  • 완벽하게 사용자 정의 가능한 위젯
  • 중첩 라우팅

18. 졸업생

졸업생

여기로 데모

졸업생보기모바일 졸업생
  • 사전 제작 된 layots 포함
  • 많은 예제 페이지에 응답
  • 지연 로딩, 중첩 라우팅
  • AoT 편집
  • 데이터 테이블, 차트, 동적 메뉴
  • 방문 페이지
  • 스크롤 바

19. 격노

격노

여기로 데모

분노 전망모바일의 분노
  • 모듈 식 구조
  • 300+ 소재 아이콘
  • 스낵바 알림
  • 중첩 라우팅
  • 고급 Google지도 통합
  • 완전 맞춤형 위젯
  • 이동 경로가 자동 생성됩니다

20. MaterialPro

MaterialPro

여기로 데모

MaterialPro보기모바일의 MaterialPro
  • 밝고 어두운 버전
  • 네 가지 색 구성표
  • 광범위한 위젯
  • 25 개 이상의 각도 구성 요소
  • 2000+ 글꼴 아이콘
  • 완전 반응
  • 250 개 이상의 페이지 템플릿

*이 게시물에는 제휴사 링크가 포함되어 있습니다. 즉, 제품 링크 중 하나를 클릭 한 다음 제품을 구매하면 약간의 수수료가 부과됩니다. 하지만 걱정하지 않아도 여전히 표준 금액을 지불하므로 비용이 들지 않습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map