tabler - 오픈소스 HTML 대시보드 UI 킷 (github.com/tabler)

tabler - 오픈소스 HTML 대시보드 UI 킷를 소개합니다.

깃허브에서는 tabler 를 아래와 같이 소개하고 있네요..
A premium and open source dashboard template with a responsive and high-quality UI.

한마디로, tabler 는 오픈소스 HTML 대시보드 UI 킷이라고 머릿속에 넣어두시면 됩니다. 

환경세팅은 아래와 같이하시면 될것 같고요..

Setup environment

To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:

1. Install Node.js, which we use to manage our dependencies.
2. Navigate to the root /tabler directory and run npm install to install our local dependencies listed in package.json.
3. Install Ruby - the recommended version is 2.7.6.
4. Install Bundler with gem install bundler and finally run bundle install. It will install all Ruby dependencies, such as Jekyll and plugins.

OSX users:

1. NPM npm install
2. install Ruby (2.5.* recommended) brew install ruby @2.5
3. install bundler gem install bundler
4. install bundle install

• if bundler get any errors try

sudo rm -rf /Library/Developer/CommandLineTools
sudo xcode-select --install

1. Run NPM npm run start

Windows users:

1. Install Git in C:\Program Files\git\bin directory and run npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe" to change the default shell.
2. Install Ruby+Devkit - the recommended version is 2.7.6.
3. Read guide to get Jekyll up and running without problems.

Once you complete the setup, you'll be able to run the various commands provided from the command line.

그리고 설치는 아래와 같이 하시면 될것 같네요..

Installation

Tabler is distributed via npm.

npm install --save @tabler/core

CDN support

All files included in @tabler/core npm package are available over a CDN.

Javascript

<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>

Styles

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css">

tabler 의 특징을 간략하게 정리하자면 아래와 같습니다. 

• Bootstrap 기반
• 다양한 인터페이스 컴포넌트 와 템플릿 제공 : 갤러리, FAQ, 위젯, 가격테이블 등
• 반응형 & 모든 최신 브라우저에서 동작
• HTML5 & CSS3
• SPA 버전 제공 : Tabler React

그리고, 라이센스를 확인해 보니깐요..
MIT 라이센스이군요...사용하시는데 참고하시고요..

좀 더 자세한 사항은 아래 깃허브 페이지 참고하시면 될것 같습니다. 

오늘의 블로그는 여기까지고요..
항상믿고 봐주셔서 감사합니다.