diff --git a/tailadmin/.DS_Store b/tailadmin/.DS_Store new file mode 100644 index 0000000..263f96e Binary files /dev/null and b/tailadmin/.DS_Store differ diff --git a/tailadmin/.browserslistrc b/tailadmin/.browserslistrc new file mode 100644 index 0000000..97bd415 --- /dev/null +++ b/tailadmin/.browserslistrc @@ -0,0 +1,4 @@ +last 1 version +>1% +maintained node versions +not dead \ No newline at end of file diff --git a/tailadmin/.gitignore b/tailadmin/.gitignore new file mode 100644 index 0000000..6285d17 --- /dev/null +++ b/tailadmin/.gitignore @@ -0,0 +1,3 @@ +node_modules +package-lock.json +/build \ No newline at end of file diff --git a/tailadmin/.prettierrc b/tailadmin/.prettierrc new file mode 100644 index 0000000..8b0bc4e --- /dev/null +++ b/tailadmin/.prettierrc @@ -0,0 +1,3 @@ +{ + "plugins": ["prettier-plugin-tailwindcss"] +} \ No newline at end of file diff --git a/tailadmin/.vscode/settings.json b/tailadmin/.vscode/settings.json new file mode 100644 index 0000000..4d6c166 --- /dev/null +++ b/tailadmin/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "css.validate": false, + "prettier.printWidth": 80 +} diff --git a/tailadmin/LICENSE b/tailadmin/LICENSE new file mode 100755 index 0000000..cb92d41 --- /dev/null +++ b/tailadmin/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023 TailAdmin + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/tailadmin/README.md b/tailadmin/README.md new file mode 100755 index 0000000..359609b --- /dev/null +++ b/tailadmin/README.md @@ -0,0 +1,156 @@ +# TailAdmin - Free Tailwind Admin Dashboard Template + +TailAdmin is a high-quality, open-source, and **free Tailwind CSS admin template** that is perfect for creating data-rich backends, +powerful web applications and dashboard-admin projects. + + + +## Overview + +TailAdmin provides essential UI components and layouts for building feature-rich, data-driven admin dashboards and control panels. It's built using: + +- HTML +- Alpine.js +- Tailwind CSS +- and Webpack (for bundling) + +### Quick Links + +- [✨ Visit Website](https://tailadmin.com) +- [📄 Documentation](https://tailadmin.com/docs) +- [⬇️ Download](https://tailadmin.com/download) +- [🖌️ Figma Design File (Community Edition)](https://www.figma.com/community/file/1463141366275764364) +- [⚡ Get PRO Version](https://tailadmin.com/pricing) + +### Demos + +- [Free Version](https://free-demo.tailadmin.com/) +- [Pro Version](https://demo.tailadmin.com) + +### Other Versions + +- [Next.js Version](https://github.com/TailAdmin/free-nextjs-admin-dashboard) +- [React.js Version](https://github.com/TailAdmin/free-react-tailwind-admin-dashboard) +- [Vue.js Version](https://github.com/TailAdmin/vue-tailwind-admin-dashboard) +- [Angular Version](https://github.com/TailAdmin/free-angular-tailwind-dashboard) +- [Laravel Version](https://github.com/TailAdmin/tailadmin-laravel) + +## Installation + +### Prerequisites + +To get started with TailAdmin, ensure you have the following prerequisites installed and set up: + +- Node.js 18.x or later + +### Cloning the Repository + +Clone the repository using the following command: + +```bash +git clone https://github.com/TailAdmin/tailadmin-free-tailwind-dashboard-template.git +``` + +> Windows Users: place the repository near the root of your drive if you face issues while cloning. + +1. Install dependencies: + + ```bash + npm install + # or + yarn install + ``` + +2. Start the development server: + ```bash + npm run start + # or + yarn start + ``` + +## Components + +TailAdmin is a pre-designed starting point for building a web-based dashboard using HTML, Alpine.js and Tailwind CSS. The template includes: + +- Sophisticated and accessible sidebar +- Data visualization components +- Prebuilt profile management and 404 page +- Tables and Charts(Line and Bar) +- Authentication forms and input elements +- Alerts, Dropdowns, Modals, Buttons and more +- Can't forget Dark Mode 🕶️ + +## Feature Comparison + +### Free Version + +- 1 Unique Dashboard +- 30+ dashboard components +- 50+ UI elements +- Basic Figma design files +- Community support + +### Pro Version + +- 7 Unique Dashboards: Analytics, Ecommerce, Marketing, CRM, Stocks (more coming soon) +- 500+ dashboard components and UI elements +- Complete Figma design system file +- Email support + +To learn more about pro version features and pricing, visit our [pricing page](https://tailadmin.com/pricing). + +## Update Logs + +### Version 2.0.1 - [February 27, 2025] + +#### Update Overview + +- Upgraded to Tailwind CSS v4 for better performance and efficiency. +- Updated class usage to match the latest syntax and features. +- Replaced deprecated class and optimized styles. + +#### Next Steps + +- Run npm install or yarn install to update dependencies. +- Check for any style changes or compatibility issues. +- Refer to the Tailwind CSS v4 [Migration Guide](https://tailwindcss.com/docs/upgrade-guide) on this release. if needed. +- This update keeps the project up to date with the latest Tailwind improvements. 🚀 + +### Version 2.0.0 - [February 2025] + +Major update with comprehensive redesign and new features. + +#### Major Improvements + +- Complete UI redesign of all pages and components +- Enhanced user interface with new elements +- Improved responsiveness and accessibility +- New features: collapsible sidebar, chat, and calendar +- Updated data visualization components + +#### New Features + +- Redesigned dashboards (Ecommerce, Analytics, Marketing, CRM) +- Enhanced navigation with improved header and breadcrumbs +- Advanced table components with sorting and filtering +- New UI components (Avatar, Alert, Ribbon) +- Full-featured calendar with drag-and-drop + +#### Breaking Changes + +- Updated sidebar component API +- New charting library implementation +- Revised authentication system +- **Deprecations:** SimpleTable component and legacy icon set + +#### Previous Versions + +For detailed changelogs of previous versions (1.0.0 - 1.3.0), visit our [documentation](https://tailadmin.com/docs/update-logs/). + +## License + +The community edition of TailAdmin is released under the MIT License. + +## Support + +If you find this project helpful, please consider giving it a star on GitHub. Your support helps us continue developing and maintaining this template. diff --git a/tailadmin/banner.png b/tailadmin/banner.png new file mode 100755 index 0000000..1b8c2f3 Binary files /dev/null and b/tailadmin/banner.png differ diff --git a/tailadmin/package.json b/tailadmin/package.json new file mode 100755 index 0000000..fa96d96 --- /dev/null +++ b/tailadmin/package.json @@ -0,0 +1,58 @@ +{ + "name": "tailadmin-free", + "version": "2.0.1", + "description": "TailAdmin is a high-quality, open-source, and free Tailwind CSS admin template that is perfect for creating data-rich backends, powerful web applications and dashboard-admin projects.", + "main": "index.js", + "scripts": { + "start": "webpack serve --open --config webpack.config.js", + "build": "webpack --config webpack.config.js", + "sort": "npx prettier --write src" + }, + "keywords": [], + "author": { + "name": "TailAdmin", + "email": "hello@tailadmin.com", + "url": "https://tailadmin.com" + }, + "license": "ISC", + "devDependencies": { + "@babel/core": "^7.24.9", + "@babel/preset-env": "^7.24.8", + "@tailwindcss/forms": "^0.5.9", + "@tailwindcss/postcss": "^4.0.0", + "babel-loader": "^9.1.3", + "babel-plugin-prismjs": "^2.1.0", + "css-loader": "^7.1.2", + "file-loader": "^1.0.0", + "glob": "^11.0.0", + "html-loader": "^5.0.0", + "html-webpack-plugin": "^5.6.0", + "mini-css-extract-plugin": "^2.9.0", + "postcss": "^8.4.39", + "postcss-loader": "^8.1.1", + "postcss-preset-env": "^9.6.0", + "prettier": "^3.3.3", + "prettier-plugin-tailwindcss": "^0.6.11", + "style-loader": "^4.0.0", + "tailwindcss": "^4.0.0", + "webpack": "^5.96.1", + "webpack-cli": "^5.1.4", + "webpack-dev-server": "^5.0.4" + }, + "dependencies": { + "@alpinejs/persist": "^3.14.1", + "@fullcalendar/core": "^6.1.15", + "@fullcalendar/daygrid": "^6.1.15", + "@fullcalendar/interaction": "^6.1.15", + "@fullcalendar/list": "^6.1.15", + "@fullcalendar/timegrid": "^6.1.15", + "alpinejs": "^3.14.1", + "apexcharts": "^3.51.0", + "chart.js": "^4.4.6", + "dropzone": "^6.0.0-beta.2", + "flatpickr": "^4.6.13", + "fullcalendar": "^6.1.15", + "jsvectormap": "^1.6.0", + "swiper": "^12.1.2" + } +} diff --git a/tailadmin/postcss.config.js b/tailadmin/postcss.config.js new file mode 100755 index 0000000..241bd69 --- /dev/null +++ b/tailadmin/postcss.config.js @@ -0,0 +1,5 @@ +module.exports = { + plugins: { + '@tailwindcss/postcss': {}, + } +} \ No newline at end of file diff --git a/tailadmin/src/404.html b/tailadmin/src/404.html new file mode 100644 index 0000000..baba490 --- /dev/null +++ b/tailadmin/src/404.html @@ -0,0 +1,71 @@ + + +
+ + + ++ We can’t seem to find the page you are looking for! +
+ + + Back to Home Page + ++ © - TailAdmin +
++ Start putting content on grids or panels, you can also use + different combinations of grids. Please check out the + dashboard and other pages +
++ Please enter a message in the textarea. +
++ Validation styles for error, success and disabled states + on form controls. +
++ This is an error message. +
++ This is an success message. +
++ You can insert a description for the message here.The text relates to + the action that has been performed. +
+ + + Learn more + ++ You can insert a description for the message here.The text relates to + the action that has been performed. +
++ You can insert a description for the message here.The text relates to + the action that has been performed. +
+ + + Learn more + ++ You can insert a description for the message here.The text relates to + the action that has been performed. +
++ You can insert a description for the message here.The text relates to + the action that has been performed. +
+ + + Learn more + ++ You can insert a description for the message here.The text relates to + the action that has been performed. +
++ You can insert a description for the message here.The text relates to + the action that has been performed. +
+ + + Learn more + ++ You can insert a description for the message here.The text relates to + the action that has been performed. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Target you’ve set for each month +
++ You earn $3287 today, it's higher than last month. Keep up your good work! +
++ Target +
++ $20K + +
++ Revenue +
++ $20K + +
++ Today +
++ $20K + +
++ Target you’ve set for each month +
++ Follow Us On +
+ + diff --git a/tailadmin/src/partials/datepicker.html b/tailadmin/src/partials/datepicker.html new file mode 100644 index 0000000..57f85f9 --- /dev/null +++ b/tailadmin/src/partials/datepicker.html @@ -0,0 +1,26 @@ +
+
+
+
+
+
+
+
+
+ Musharof
+
+
+
+
+
+ + Number of customer based on country +
++ USA +
+ + 2,379 Customers + ++ 79% +
++ France +
+ + 589 Customers + ++ 23% +
+|
+
+
+ + Products + + |
+
+
+
+ + Category + + |
+
+
+
+ + Price + + |
+
+
+
+ + Status + + |
+
|---|---|---|---|
|
+
+
+
+
+
+
+
+
+
+ + Macbook pro 13” + + + 2 Variants + + |
+
+
+
+ + Laptop + + |
+
+
+
+ + $2399.00 + + |
+
+
+
+ + Delivered + + |
+
|
+
+
+
+
+
+
+
+
+
+ + Apple Watch Ultra + + + 1 Variants + + |
+
+
+
+ + Watch + + |
+
+
+
+ + $879.00 + + |
+
+
+
+ + Pending + + |
+
|
+
+
+
+
+
+
+
+
+
+ + iPhone 15 Pro Max + + + 2 Variants + + |
+
+
+
+ + SmartPhone + + |
+
+
+
+ + $1869.00 + + |
+
+
+
+ + Delivered + + |
+
|
+
+
+
+
+
+
+
+
+
+ + iPad Pro 3rd Gen + + + 2 Variants + + |
+
+
+
+ + Electronics + + |
+
+
+
+ + $1699.00 + + |
+
+
+
+ + Canceled + + |
+
|
+
+
+
+
+
+
+
+
+
+ + Airpods Pro 2nd Gen + + + 1 Variants + + |
+
+
+
+ + Accessories + + |
+
+
+
+ + $240.00 + + |
+
+
+
+ + Delivered + + |
+
|
+
+
+ + User + + |
+
+
+
+ + Project Name + + |
+
+
+
+ + Team + + |
+
+
+
+ + Status + + |
+
+
+
+ + Budget + + |
+
|---|---|---|---|---|
|
+
+
+
+
+
+
+
+
+
+
+ Lindsey Curtis
+
+
+ Web Designer
+
+
+ |
+
+
+
+ + Agency Website + + |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+ + Active + + |
+
+
+
+ 3.9K + |
+
|
+
+
+
+
+
+
+
+
+
+
+ Kaiya George
+
+
+ Project Manager
+
+
+ |
+
+
+
+ + Technology + + |
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+ + Pending + + |
+
+
+
+ + 24.9K + + |
+
|
+
+
+
+
+
+
+
+
+
+
+ Zain Geidt
+
+
+ Content Writer
+
+
+ |
+
+
+
+ + Blog Writing + + |
+
+
+
+
+
+
+
+
+ |
+
+
+
+ + Active + + |
+
+
+
+ + 12.7K + + |
+
|
+
+
+
+
+
+
+
+
+
+
+ Abram Schleifer
+
+
+ Digital Marketer
+
+
+ |
+
+
+
+ + Social Media + + |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+ + Cancel + + |
+
+
+
+ 2.8K + |
+
|
+
+
+
+
+
+
+
+
+
+
+ Carla George
+
+
+ Front-end Developer
+
+
+ |
+
+
+
+ + Website + + |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+ + Active + + |
+
+
+
+ 4,5K + |
+
+ + Team Manager +
+ ++ Arizona, United States +
++ First Name +
++ Musharof +
++ Last Name +
++ Chowdhury +
++ Email address +
++ randomuser@pimjo.com +
++ Phone +
++ +09 363 398 46 +
++ Bio +
++ Team Manager +
++ Country +
++ United States +
++ City/State +
++ Arizona, United States +
++ Postal Code +
++ ERT 2489 +
++ TAX ID +
++ AS4568384 +
++ Enter your email and password to sign in! +
++ Enter your email and password to sign up! +
+