Modern and beautiful admin panel built with Tailwind CSS while using the class names you are already familiar with!

This project is under heavy development, but you can still check the demo, open an issue, or check the issues tab to find a good way to contribute.

ZedAdmin - TailwindCSS Admin Panel

Installing

ZedAdmin is like any other HTML Admin Panel that you have been used by today. You could clone or download the source code and start building your amazing admin panels with it!

Development or customization

If you want to customize ZedAdmin, add or edit a few classes, you need NodeJS to build the project. under the hood, the project is built with PostCSS, so if you want to create some changes, you have to edit src/css folder and use the command below to build your project:

npm run dev

You can also use this command if you are developing continuously:

npm run watch

Todo List

• [x] RTL Support
• [x] Dropdown in the sidebar
• [x] Alert
• [x] Badge
• [x] Breadcrumb
  • [x] RTL Support
• [x] Button
  • [x] Button group
• [x] Card
• [ ] Form
  • [x] Dropdown
  • [x] Select
  • [x] Text input
  • [x] Text area
  • [x] Checkbox & Radio
  • [ ] Range slider
  • [ ] Switch
  • [ ] Upload
• [x] Modal
• [x] Pagination
• [x] Progress
• [x] Tabs
  • [x] Default Tabs
  • [x] Tabs with underline
  • [x] Tabs with icons
  • [x] Pills tabs
  • [x] Full width tabs
  • [x] Interactive tabs using AlpineJS
  • [x] RTL Support
• [x] Table
• [ ] Toast
• [ ] Tooltip