free react tailwind admin dashboard
1.0.0
TailAdmin est un modèle de tableau de bord d'administration gratuit et open source construit sur React et Tailwind CSS , fournissant aux développeurs tout ce dont ils ont besoin pour créer une solution complète de back-end, de tableau de bord ou de panneau d'administration basée sur les données pour les projets Web à venir.
Avec TailAdmin, vous avez accès à tous les composants, éléments et pages de l'interface utilisateur du tableau de bord nécessaires pour créer un tableau de bord ou un panneau d'administration riche en fonctionnalités et complet. Que vous créiez un tableau de bord ou un panneau d'administration pour une application Web complexe ou un site Web simple, TailAdmin est la solution parfaite pour vous aider à être opérationnel rapidement.
5 tableaux de bord uniques : analyse, commerce électronique, marketing et CRM (d'autres seront ajoutés)
Plus de 120 composants d'interface utilisateur du tableau de bord
Plus de 200 éléments d'interface utilisateur au total
45+ fichiers HTML
Tous les éléments et fichiers essentiels
Source de conception Figma complète - Comme indiqué sur la démo
1 tableau de bord unique
Plus de 30 composants d'interface utilisateur du tableau de bord
Plus de 50 éléments d'interface utilisateur au total
10+ fichiers HTML
Prise en charge du script dactylographié
Éléments et fichiers du kit d'interface utilisateur de base
Source de conception Figma - Échantillon gratuit
Le modèle de tableau de bord TailAdmin React basé sur Tailwind CSS est un point de départ préconçu pour créer un tableau de bord Web à l'aide de la bibliothèque JavaScript React et du framework axé sur l'utilitaire Tailwind CSS. Ce modèle de tableau de bord Tailwind CSS + React - construit à l'aide de Tailwind CSS et comprend des composants prédéfinis, tels que des menus de navigation, des graphiques, des tableaux et des formulaires, qui peuvent être facilement personnalisés et intégrés dans une application Web React de petite à grande taille .
Si vous recherchez un tableau de bord React-Tailwind, un modèle de panneau d'administration ou un kit d'interface utilisateur de haute qualité, TailAdmin sera le choix parfait pour vous !
Vous devrez installer Node.js >=v14.16+ (version recommandée) (NPM l'accompagne) et TailAdmin utilise Vite pour les outils frontend, pour effectuer l'installation et créer la version de production, veuillez suivre ces étapes ci-dessous :
Utilisez le terminal et accédez à la racine du projet (tailadmin-react).
Puis lancez : npm install
Puis exécutez : npm run dev
Maintenant, dans le navigateur, allez sur localhost:5173
Pour Production Build Run : npm run build
Répertoire de sortie de build par défaut : /dist
Cette commande générera un dossier dist as build à la racine de votre modèle que vous pourrez télécharger sur votre serveur.
React et Tailwind sont deux technologies populaires qui ont pris d'assaut le monde du développement Web. React est une bibliothèque JavaScript permettant de créer des interfaces utilisateur, tandis que Tailwind est un framework CSS axé sur les utilitaires qui facilite le style des applications Web. TailAdmin React propose plus de 200 composants d'interface utilisateur CSS essentiels React + Tailwind que vous copiez-collez et utilisez avec vos projets de tableau de bord. Cela comprend : des tableaux, des graphiques, des barres de navigation, des onglets, des boutons, des cartes, des tableaux, des profils, des onglets, des formulaires, des modaux, des pages d'application, un calendrier, des exemples de modèles d'applications Web et plus encore... pour React et Styled à l'aide de Tailwind CSS
Amélioration 01 : Supprimer la répétition de DefaultLayout dans toutes les pages
Amélioration 02 : ajoutez le composant ClickOutside pour réduire les fonctionnalités répétées dans les listes déroulantes des messages d'en-tête, des notifications et des utilisateurs.
Amélioration 01 : Intégrer flatpickr dans [Sélecteur de date/Éléments de formulaire]
Amélioration 02 : Changez la couleur après avoir sélectionné une option [Sélectionner un élément/éléments de formulaire].
Amélioration 03 : Rendre-le fonctionnel [Éléments déroulants/formulaires à sélection multiple].
Amélioration 04 : rendre la meilleure valeur modifiable [Tableau de tarification 1/Tableau de tarification].
Amélioration 05 : Réorganiser la structure des dossiers.
Ajoutez Typescript dans TailAdmin React.
Version initiale de TailAdmin React.
