Preview

Tabler полностью адаптивен и совместим со всеми современными браузерами. Благодаря современному, удобному дизайну вы можете создать полнофункциональный интерфейс, который понравится пользователям! Выбирайте макеты и компоненты, которые вам нужны, и настраивайте их, чтобы сделать свой дизайн последовательным и привлекательным. Каждый компонент был создан с вниманием к деталям, чтобы ваш интерфейс был красивым! [Показать демо]

Показать демо

Features

Мы создали эту панель администратора для всех, кто хочет создавать шаблоны на основе наших готовых компонентов. Наша миссия — предоставить удобную, понятную и простую административную панель, которую можно использовать как для простых веб-сайтов, так и для сложных систем. Единственное требование — базовые знания HTML и CSS (и немного Liquid) — в награду вы сможете управлять и визуализировать различные типы данных самым простым способом!

• Адаптивный: С поддержкой мобильных, планшетных и настольных дисплеев не имеет значения, какое устройство вы используете. Tabler адаптируется ко всем основным браузерам.
• Кроссбраузерность: Наша тема отлично работает с последними версиями Chrome, Firefox+, последними Safari, Opera, Edge и мобильными браузерами. Мы прилагаем все усилия, чтобы обеспечить непрерывную поддержку для них.
• HTML5 & CSS3: Мы используем только современные веб-технологии, такие как HTML5 и CSS3. Наша тема включает некоторые тонкие анимации CSS3, которые помогут вам привлечь внимание.
• Чистый код: Мы тщательно следовали рекомендациям Bootstrap, чтобы максимально упростить интеграцию. Весь код написан вручную и соответствует стандартам W3C.
• Демо-страницы: Tabler содержит более 20 отдельных страниц с использованием различных компонентов, что даёт вам свободу выбора и комбинирования. Все компоненты могут различаться по цвету и стилю, которые вы легко можете изменить с помощью Sass. Нет предела совершенству!
• Версии одностраничного приложения: Tabler React имеет компоненты React для Tabler.

Начало работы

Установите зависимости...

npm install

...затем запустите Rollup:

npm run dev

Перейдите на localhost:5000. Вы должны увидеть работающее приложение. Отредактируйте файл компонента в src, сохраните его и перезагрузите страницу, чтобы увидеть изменения.

По умолчанию сервер будет отвечать только на запросы с localhost. Чтобы разрешить подключения с других компьютеров, отредактируйте команды sirv в package.json, чтобы включить опцию --host 0.0.0.0.

Сборка и запуск в рабочем режиме

Чтобы создать оптимизированную версию приложения:

npm run build

Вы можете запустить вновь созданное приложение с npm run start. Это использует sirv, который включён в раздел dependencies вашего package.json, поэтому приложение будет работать при развёртывании на таких платформах, как Heroku.