material tailwind dashboard react

Material Tailwind 대시보드 React

Material Tailwind 대시보드 React는 Tailwind CSS 및 React를 기반으로 하는 최신 무료 Material Tailwind 관리 템플릿입니다. 개발자 친화적이고 기능이 풍부하며 사용자 정의가 가능한 관리 대시보드를 만들고자 하는 개발자라면 여기에 적합합니다. 혁신적인 Material Tailwind, Tailwind CSS 및 React 대시보드는 Google의 Material Design에서 영감을 받은 아름다운 디자인으로 제공되며 고객을 만족시킬 수 있는 멋진 웹사이트 및 웹 앱을 만드는 데 도움이 됩니다.

완전히 코딩된 요소

Material Tailwind Dashboard React는 버튼, 입력, 탐색 모음, 탐색 탭, 카드 또는 알림과 같은 @material-tailwind/react에서 제공되는 40개 이상의 프런트엔드 개별 요소로 구축되어 선택과 결합의 자유를 제공합니다. 모든 구성 요소는 다양한 색상을 가질 수 있으며 props 및 tailwind CSS 클래스 이름을 사용하여 쉽게 수정할 수 있습니다. 모든 요소가 구현되므로 프로토타입 제작부터 전체 기능 코드까지 진행하는 데 많은 시간을 절약할 수 있습니다.

이 무료 Material Tailwind, Tailwind CSS 및 React Dashboard는 사전 제작된 디자인 블록과 함께 제공되므로 개발 프로세스가 원활하고 페이지에서 실제 웹사이트로 전환하는 것이 매우 쉽습니다.

여기에서 모든 구성 요소를 확인하세요.

개발자가 작성한 문서

각 요소는 매우 복잡한 문서에 잘 표시되어 있습니다.

여기에서 문서에 대한 자세한 내용을 읽을 수 있습니다.

예제 페이지

영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 페이지를 사용하여 개발을 시작할 수 있습니다. 웹 프로젝트의 기본 구조를 빠르게 설정할 수 있습니다.

여기에서 예시 페이지를 확인하세요.

유용한 링크

• Github 저장소 보기
• FAQ 페이지 확인

특별한 감사

이 대시보드를 개발하는 동안 우리는 훌륭한 개발자들의 기존 리소스를 많이 사용했습니다. 도구 오픈 소스를 제공해주셔서 감사드립니다.

• Material Tailwind - Material Tailwind는 Tailwind CSS 및 Material Design을 위한 사용하기 쉬운 구성 요소 라이브러리입니다.
• 영웅 아이콘 - 손으로 만든 아름다운 SVG 아이콘입니다.
• Apex 차트 - 최신 및 대화형 오픈 소스 차트.
• 분석 도구를 위한 Nepcha Analytics. Nepcha는 이미 Material Tailwind Dashboard React와 통합되어 있습니다. 이를 사용하여 트래픽 소스에 대한 통찰력을 얻을 수 있습니다.

아래에 귀하의 생각을 알려주십시오. 그리고 개발에 행운을 빕니다!

목차

• 버전
• 데모
• 빠른 시작
• 배포
• 선적 서류 비치
• 파일 구조
• 브라우저 지원
• 자원
• 보고 문제
• 기술 지원 또는 질문
• 라이선스
• 유용한 링크

버전

터미널 명령

1. NodeJ 공식 페이지에서 NodeJ LTS 버전을 다운로드하여 설치하세요.
2. 제품의 루트 ./ 디렉터리로 이동하고 npm install , yarn install 또는 pnpm install 실행하여 로컬 종속성을 설치합니다.

선적 서류 비치

Material Tailwind Dashboard React에 대한 문서는 당사 웹사이트에서 호스팅됩니다.

무엇이 포함되어 있나요?

다운로드 내에서 다음 디렉터리와 파일을 찾을 수 있습니다.

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

브라우저 지원

현재 우리는 공식적으로 다음 브라우저의 마지막 두 버전을 지원하는 것을 목표로 하고 있습니다.

자원

• 실시간 미리보기
• 다운로드 페이지
• 문서는 여기에 있습니다
• 라이센스 계약
• 지원하다
• 문제: Github 문제 페이지
• Nepcha Analytics - 귀하의 웹사이트를 위한 분석 도구

보고 문제

우리는 Material Tailwind Dashboard React의 공식 버그 추적기로 GitHub Issues를 사용합니다. 다음은 문제를 보고하려는 사용자를 위한 몇 가지 조언입니다.

1. Material Tailwind Dashboard React의 최신 버전을 사용하고 있는지 확인하세요. 당사 웹사이트의 대시보드에서 변경 로그를 확인하세요.
2. 문제에 대해 재현 가능한 단계를 제공하면 문제를 해결하는 데 걸리는 시간이 단축됩니다.
3. 일부 문제는 브라우저별로 다를 수 있으므로 문제가 발생한 브라우저를 지정하면 도움이 될 수 있습니다.

기술 지원 또는 질문

질문이 있거나 제품 통합에 도움이 필요한 경우 문제를 열지 말고 당사에 문의하십시오.

라이선스

• 저작권 2023 크리에이티브 팀
• 크리에이티브 팀 라이선스

유용한 링크

• 크리에이티브팀의 더 많은 제품보기

• 튜토리얼

• Creative Tim의 공짜

• 제휴 프로그램(수익 창출)

소셜 미디어

트위터: https://twitter.com/CreativeTim

페이스북: https://www.facebook.com/CreativeTim

드리블: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

인스타그램: https://instagram.com/creativetimofficial