free react tailwind admin dashboard
1.0.0
TailAdmin é um modelo de painel de administração gratuito e de código aberto construído em React e Tailwind CSS , fornecendo aos desenvolvedores tudo o que precisam para criar uma solução abrangente de back-end, painel ou painel de administração baseada em dados para os próximos projetos da web.
Com TailAdmin, você obtém acesso a todos os componentes, elementos e páginas da interface do usuário do painel necessários para construir um painel ou painel de administração completo e rico em recursos. Esteja você criando um painel de controle ou painel de administração para um aplicativo da web complexo ou um site simples, o TailAdmin é a solução perfeita para ajudá-lo a começar a trabalhar rapidamente.
5 painéis exclusivos: análise, comércio eletrônico, marketing e CRM (mais serão adicionados)
Mais de 120 componentes de interface do painel
Mais de 200 elementos de interface do usuário no total
Mais de 45 arquivos HTML
Todos os elementos e arquivos essenciais
Fonte completa do design Figma - conforme mostrado na demonstração
1 painel exclusivo
Mais de 30 componentes de interface do painel
Mais de 50 elementos de interface do usuário no total
Mais de 10 arquivos HTML
Suporte TypeScript
Elementos e arquivos básicos do kit de interface do usuário
Fonte de design Figma - amostra grátis
O modelo de painel TailAdmin React baseado em Tailwind CSS é um ponto de partida pré-projetado para a construção de um painel baseado na web usando a biblioteca React JavaScript e a estrutura de utilitário CSS Tailwind. Este modelo de painel Tailwind CSS + React - construído usando Tailwind CSS e inclui componentes pré-construídos, como menus de navegação, gráficos, tabelas e formulários, que podem ser facilmente personalizados e integrados em um aplicativo da web React de pequeno a grande porte .
Se você está procurando um painel React-Tailwind, modelo de painel de administração ou kit de interface do usuário de alta qualidade, TailAdmin será a escolha perfeita para você!
Você precisará instalar o Node.js >=v14.16+ (versão recomendada) (o NPM vem junto) e o TailAdmin usa o Vite para ferramentas de frontend, para realizar a instalação e construir a versão de produção, siga estas etapas abaixo:
Use o terminal e navegue até a raiz do projeto (tailadmin-react).
Então execute: npm install
Então execute: npm run dev
Agora, no navegador, vá para localhost:5173
Para execução de compilação de produção : npm run build
Diretório de saída de compilação padrão: /dist
Este comando irá gerar uma pasta dist as build na raiz do seu modelo que você pode carregar para o seu servidor.
React e Tailwind são duas tecnologias populares que conquistaram o mundo do desenvolvimento web. React é uma biblioteca JavaScript para construção de interfaces de usuário, enquanto Tailwind é uma estrutura CSS utilitária que facilita o estilo de aplicativos da web. TailAdmin React oferece mais de 200 componentes essenciais de UI React + Tailwind CSS que você copia, cola e usa com seus projetos de painel. Isso inclui - gráficos, barras de navegação, guias, botões, cartões, tabelas, perfil, guias, formulários, modais, páginas de aplicativos, calendário, modelos de exemplo de aplicativos da web e muito mais... para React e Styled usando Tailwind CSS
Melhoria 01: Remover a repetição de DefaultLayout em todas as páginas
Melhoria 02: Adicione o componente ClickOutside para reduzir a funcionalidade repetida em mensagens de cabeçalho, notificações e menus suspensos do usuário.
Melhoria 01: Integrar flatpickr em [Seletor de data/Elementos de formulário]
Melhoria 02: Mude a cor após selecionar uma opção [Selecionar Elemento/Elementos do Formulário].
Melhoria 03: Torne-o funcional [Multiselect Dropdown/Form Elements].
Melhoria 04: Tornar o melhor valor editável [Tabela de preços um/Tabela de preços].
Aprimoramento 05: Reorganizar a estrutura de pastas.
Adicione TypeScript no TailAdmin React.
Lançamento inicial do TailAdmin React.
