free react tailwind admin dashboard
1.0.0
TailAdmin — это бесплатный шаблон панели администратора с открытым исходным кодом, созданный на основе React и Tailwind CSS , предоставляющий разработчикам все необходимое для создания комплексного, управляемого данными решения для серверной части, информационной панели или панели администратора для будущих веб-проектов.
С помощью TailAdmin вы получаете доступ ко всем необходимым компонентам, элементам и страницам пользовательского интерфейса информационной панели, необходимым для создания многофункциональной и полной информационной панели или панели администратора. Независимо от того, создаете ли вы панель мониторинга или панель администратора для сложного веб-приложения или простого веб-сайта, TailAdmin — идеальное решение, которое поможет вам быстро приступить к работе.
5 уникальных информационных панелей: аналитика, электронная коммерция, маркетинг и CRM (будут добавлены новые)
Более 120 компонентов пользовательского интерфейса информационной панели
Всего более 200 элементов пользовательского интерфейса
Более 45 HTML-файлов
Все основные элементы и файлы
Полный исходный код дизайна Figma — как показано в демо-версии
1 уникальная панель управления
Более 30 компонентов пользовательского интерфейса информационной панели
Всего более 50 элементов пользовательского интерфейса
Более 10 HTML-файлов
Поддержка TypeScript
Элементы и файлы базового набора пользовательского интерфейса
Источник дизайна Figma — бесплатный образец
Шаблон информационной панели TailAdmin React на основе Tailwind CSS — это заранее разработанная отправная точка для создания веб-панели мониторинга с использованием библиотеки React JavaScript и платформы Tailwind CSS, ориентированной на утилиты. Этот шаблон панели мониторинга Tailwind CSS + React создан с использованием Tailwind CSS и включает в себя предварительно созданные компоненты, такие как навигационные меню, диаграммы, таблицы и формы, которые можно легко настроить и интегрировать в веб-приложение React от малого до большого размера .
Если вы ищете высококачественную панель управления React-Tailwind, шаблон панели администратора или набор пользовательского интерфейса , 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, которые вы копируете и используете в своих проектах информационной панели. Сюда входят диаграммы, графики, панели навигации, вкладки, кнопки, карточки, таблицы, профиль, вкладки, формы, модальные окна, страницы приложений, календарь, примеры шаблонов веб-приложений и многое другое... для React и Styled с использованием Tailwind CSS.
Улучшение 01: удаление повторения DefaultLayout на каждой странице.
Улучшение 02: добавлен компонент ClickOutside для уменьшения повторяющихся функций в заголовке сообщения, уведомлении и раскрывающихся списках пользователей.
Улучшение 01: Интегрируйте FlatPickr в [Выбор даты/Элементы формы]
Улучшение 02: изменение цвета после выбора опции [Выбрать элемент/Элементы формы].
Улучшение 03: Сделайте его функциональным [множественный выбор раскрывающегося списка/элементов формы].
Улучшение 04: Сделайте редактируемым лучшее соотношение цены и качества [Таблица цен/Таблица цен].
Улучшение 05: изменение структуры папок.
Добавьте Typescript в TailAdmin React.
Первоначальный выпуск TailAdmin React.
