Skip to content

muhammadzubairbaig/React-Tailwind-Admin-Panel

Repository files navigation

Admin Panel - React Tailwind Admin Dashboard Template

With Admin Panel React, you get access to all the necessary dashboard UI components, elements, and pages required to build a feature-rich and complete dashboard or admin panel. Whether you're building dashboard or admin panel for a complex web application or a simple website, This admin panel is the perfect solution to help you get up and running quickly.

Admin Panel React - Installation

You'll need to install Node.js >=v14.16+ (Recommended Version) (NPM comes along with it) and this project uses Vite for frontend tooling, to peform installation and building production version, please follow these steps from below:

  • Use terminal and navigate to the project (react-tailwind-dashboard) root.

  • Then run : npm install

  • Then run : npm run dev

Now, in the browser go to localhost:5173

For Production Build Run : npm run build

Default build output directory: /dist

This command will generate a dist as build folder in the root of your template that you can upload to your server.

Tons of React Tailwind Components for Dashboard

React and Tailwind are two popular technologies that have taken the web development world by storm. React is a JavaScript library for building user interfaces, while Tailwind is a utility-first CSS framework that makes it easy to style web applications. TailAdmin React Offers 200+ Essential React + Tailwind CSS UI Components that you copy-paste and use with your dashboard projects. That includes - charts, graphs, navbars, tabs, buttons, cards, tables, profile, tabs, forms, modals, app pages, calender, web apps example templates and more... for React and Styled using Tailwind CSS

Update Logs

Enhancements

  • Enhancement 01: Remove Repetition of DefaultLayout in every Pages
  • Enhancement 02: Add ClickOutside Component for reduce repeated functionality in Header Message, Notification and User Dropdowns.
  • Enhancement 03: Integrate flatpickr in [Date Picker/Form Elements]
  • Enhancement 04: Change color after select an option [Select Element/Form Elements].
  • Enhancement 05: Make it functional [Multiselect Dropdown/Form Elements].
  • Enhancement 06: Make best value editable [Pricing Table One/Pricing Table].
  • Enhancement 07: Rearrange Folder structure.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published