분류 bootstrap

부트 스트랩에 내장 된 무료 오픈 소스 HTML 대시 보드 UI 키트

컨텐츠 정보

  • 조회 429 (작성일 )

본문

반응 형 및 고품질 UI를 갖춘 프리미엄 및 오픈 소스 대시 보드 템플릿.


https://github.com/tabler/tabler 


https://tabler.io/


Tabler preview 


사전 제작 된 구성 요소를 기반으로 템플릿을 만들려는 모든 사람을 위해 이 관리자 패널을 만들었습니다. 우리의 임무는 간단한 웹 사이트와 정교한 시스템 모두에서 사용할 수 있는 사용자 친화적이고 명확하고 쉬운 관리 패널을 제공하는 것입니다. 유일한 요구 사항은 기본적인 HTML 및 CSS 지식입니다. 보상으로 다양한 유형의 데이터를 가장 쉬운 방법으로 관리하고 시각화 할 수 있습니다!

  • 반응형 : 모바일, 태블릿 및 데스크톱을 지원하므로 사용 중인 장치가 중요하지 않습니다. Tabler는 모든 주요 브라우저에서 반응합니다.
  • 크로스 브라우저 :이 테마는 최신 Chrome, Firefox +, 최신 Safari, Opera, Internet Explorer 10 이상 및 모바일 브라우저에서 완벽하게 작동합니다. 우리는 지속적으로 지원하기 위해 노력하고 있습니다.
  • HTML5 및 CSS3 : HTML5 및 CSS3와 같은 최신 웹 기술 만 사용합니다. 우리의 테마에는 미묘한 CSS3 애니메이션이 포함되어 있으므로 누구나 관심을 가질 수 있습니다.
  • Clean Code : 가능한 통합을 쉽게 하기 위해 Bootstrap의 지침을 엄격히 준수했습니다. 모든 코드는 손으로 작성되었으며 W3C가 유효합니다.
  • 데모 페이지 : Tabler는 다양한 구성 요소를 갖춘 20 개가 넘는 개별 페이지를 제공하므로 자유롭게 선택하고 결합 할 수 있습니다. 모든 구성 요소는 Sass를 사용하여 쉽게 수정할 수 있는 색상과 스타일이 다양합니다. 하늘이 한계입니다!
  • 단일 페이지 애플리케이션 버전 : Tabler React에는 Tabler에 대한 React 구성 요소가 있습니다.


View React Version 


설치 환경 


빌드 시스템을 사용하고 문서를 로컬로 실행하려면 Tabler의 소스 파일 사본이 필요합니다. 이 차례를 따르세요:

  • 의존성을 관리하는 데 사용하는 Node.js를 설치하십시오.
  • root / tabler 디렉토리로 이동하여 npm install을 실행하여 package.json에 나열된 로컬 종속성을 설치하십시오.
  • Ruby를 설치하십시오. 권장 버전은 2.5.5입니다.
  • gem install bundler로 Bundler를 설치하고 마지막으로 bundle install을 실행하십시오. Jekyll 및 플러그인과 같은 모든 Ruby 종속성이 설치됩니다.