free react tailwind admin dashboard
1.0.0
TailAdmin은 React 및 Tailwind CSS를 기반으로 구축된 무료 오픈 소스 관리 대시보드 템플릿으로, 개발자에게 향후 웹 프로젝트를 위한 포괄적인 데이터 기반 백엔드, 대시보드 또는 관리 패널 솔루션을 만드는 데 필요한 모든 것을 제공합니다.
TailAdmin을 사용하면 기능이 풍부하고 완전한 대시보드 또는 관리 패널을 구축하는 데 필요한 모든 대시보드 UI 구성 요소, 요소 및 페이지에 액세스할 수 있습니다. 복잡한 웹 애플리케이션 또는 간단한 웹 사이트를 위한 대시보드나 관리 패널을 구축하는 경우 TailAdmin은 빠르게 시작하고 실행할 수 있도록 도와주는 완벽한 솔루션입니다.
5가지 고유한 대시보드: 분석, 전자상거래, 마케팅 및 CRM(추가 추가 예정)
120개 이상의 대시보드 UI 구성요소
200개 이상의 총 UI 요소
45개 이상의 HTML 파일
모든 필수 요소 및 파일
전체 Figma 디자인 소스 - 데모에 표시된 대로
1개의 독특한 대시보드
30개 이상의 대시보드 UI 구성 요소
50개 이상의 총 UI 요소
10개 이상의 HTML 파일
타입스크립트 지원
기본 UI 키트 요소 및 파일
Figma 디자인 소스 - 무료 샘플
Tailwind CSS를 기반으로 하는 TailAdmin React 대시보드 템플릿은 React JavaScript 라이브러리와 Tailwind CSS 유틸리티 우선 프레임워크를 사용하여 웹 기반 대시보드를 구축하기 위해 미리 설계된 시작점입니다. 이 Tailwind CSS + React 대시보드 템플릿은 Tailwind CSS를 사용하여 구축되었으며 탐색 메뉴, 차트, 표, 양식과 같은 사전 구축된 구성 요소를 포함하고 있어 쉽게 사용자 정의하고 소규모부터 대규모까지 React 웹 애플리케이션에 통합할 수 있습니다 .
고품질 React-Tailwind 대시보드, 관리자 패널 템플릿 또는 UI 키트를 찾고 있다면 TailAdmin이 완벽한 선택이 될 것입니다!
Node.js >=v14.16+(권장 버전)(NPM이 함께 제공됨)을 설치해야 하며 TailAdmin은 프런트엔드 도구용 Vite를 사용하여 설치 및 프로덕션 버전 구축을 수행합니다. 아래에서 다음 단계를 따르세요.
터미널을 사용하여 프로젝트(tailadmin-react) 루트로 이동합니다.
그런 다음 실행하십시오 : npm install
그런 다음 실행하십시오. npm run dev
이제 브라우저에서 localhost:5173 으로 이동합니다.
프로덕션 빌드 실행의 경우: npm run build
기본 빌드 출력 디렉터리: /dist
이 명령은 서버에 업로드할 수 있는 템플릿 루트에 dist as build 폴더를 생성합니다.
React와 Tailwind는 웹 개발 세계를 강타한 두 가지 인기 기술입니다. React는 사용자 인터페이스 구축을 위한 JavaScript 라이브러리인 반면, Tailwind는 웹 애플리케이션 스타일을 쉽게 지정할 수 있는 유틸리티 우선 CSS 프레임워크입니다. TailAdmin React는 복사하여 붙여넣고 대시보드 프로젝트에 사용할 수 있는 200개 이상의 필수 React + Tailwind CSS UI 구성 요소를 제공합니다. 여기에는 차트, 그래프, 탐색 모음, 탭, 버튼, 카드, 테이블, 프로필, 탭, 양식, 모달, 앱 페이지, 캘린더, 웹 앱 예제 템플릿 등이 포함됩니다... Tailwind CSS를 사용하여 React 및 스타일 적용
개선 사항 01: 모든 페이지에서 DefaultLayout의 반복 제거
향상된 기능 02: 헤더 메시지, 알림 및 사용자 드롭다운에서 반복되는 기능을 줄이기 위해 ClickOutside 구성 요소를 추가합니다.
개선 사항 01: [날짜 선택기/양식 요소]에 flatpickr 통합
향상 02: [요소/양식 요소 선택] 옵션을 선택한 후 색상을 변경합니다.
향상된 기능 03: [다중 선택 드롭다운/양식 요소]를 기능적으로 만듭니다.
향상된 기능 04: [가격표 1/가격표]에서 최상의 가치를 편집 가능하게 만듭니다.
향상된 기능 05: 폴더 구조를 재정렬합니다.
TailAdmin React에 Typescript를 추가합니다.
TailAdmin React의 최초 릴리스.
