{"id":20674727,"url":"https://github.com/tailadmin/vue-tailwind-admin-dashboard","last_synced_at":"2025-04-05T04:08:30.248Z","repository":{"id":216619523,"uuid":"740929046","full_name":"TailAdmin/vue-tailwind-admin-dashboard","owner":"TailAdmin","description":"TailAdmin Vue : free, open-source Vue.js Tailwind CSS admin dashboard template, offering a comprehensive library of components for any Vue.js based web projects. Ideal for creating data-centric back-end solutions, dashboards, or admin panels.","archived":false,"fork":false,"pushed_at":"2025-03-18T10:16:03.000Z","size":17558,"stargazers_count":136,"open_issues_count":3,"forks_count":43,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-03-29T03:02:10.321Z","etag":null,"topics":["admin","admin-dashboard","charts","components","dashboard","free","tailwind-vue","tailwindcss","template","typescript","ui-components","vue","vuejs","vuejs3"],"latest_commit_sha":null,"homepage":"https://tailadmin.com/vue","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TailAdmin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-09T11:06:10.000Z","updated_at":"2025-03-28T03:46:54.000Z","dependencies_parsed_at":"2024-01-22T12:48:24.696Z","dependency_job_id":"75047173-56a9-4972-87bb-f394886025fc","html_url":"https://github.com/TailAdmin/vue-tailwind-admin-dashboard","commit_stats":{"total_commits":22,"total_committers":3,"mean_commits":7.333333333333333,"dds":"0.40909090909090906","last_synced_commit":"9b1be1b027c2c669c5f0e06159e468c70d771a82"},"previous_names":["tailadmin/vue-tailwind-admin-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TailAdmin%2Fvue-tailwind-admin-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TailAdmin%2Fvue-tailwind-admin-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TailAdmin%2Fvue-tailwind-admin-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TailAdmin%2Fvue-tailwind-admin-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TailAdmin","download_url":"https://codeload.github.com/TailAdmin/vue-tailwind-admin-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247284942,"owners_count":20913704,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","admin-dashboard","charts","components","dashboard","free","tailwind-vue","tailwindcss","template","typescript","ui-components","vue","vuejs","vuejs3"],"created_at":"2024-11-16T21:06:58.380Z","updated_at":"2025-04-05T04:08:30.213Z","avatar_url":"https://github.com/TailAdmin.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TailAdmin Vue - Free Vue.js Tailwind CSS Admin Dashboard Template\n\nTailAdmin Vue is a free, open-source admin dashboard template **built on Vue.js**, popular and progressive JavaScript\nframework, and **Tailwind CSS**. This **powerful combination** provides developers with an extensive library of\nessential components, elements, and pages to launch a comprehensive and data-centric back-end, dashboard, or admin panel\nsolution for any Vue.js based web projects.\n\n![TailAdmin Vue.js Dashboard Preview](./banner.png)\n\nWith TailAdmin Vue, you can leverage **Vue.js 3** features such as declarative rendering, component-based architecture,\nVue Router for routing, and Pinia for state management. It also utilizes the power of Tailwind CSS for rapid UI\ndevelopment with its low-level utility classes and responsive design capabilities.\n\n## Overview\n\nTailAdmin provides essential UI components and layouts for building feature-rich, data-driven admin dashboards and control panels. It's built on:\n\n- Vue 3 (Vite)\n- TypeScript\n- Tailwind CSS\n\n### Quick Links\n\n- [✨ Visit Website](https://tailadmin.com)\n- [📄 Documentation](https://tailadmin.com/docs)\n- [⬇️ Download](https://tailadmin.com/download)\n- [🖌️ Figma Design File (Community Edition)](https://www.figma.com/community/file/1463141366275764364)\n- [⚡ Get PRO Version](https://tailadmin.com/pricing)\n\n### Demos\n\n- [Free Version](https://free-vue-demo.tailadmin.com/)\n- [Pro Version](https://vue-demo.tailadmin.com)\n\n### Other Versions\n\n- [HTML Version](https://github.com/TailAdmin/tailadmin-free-tailwind-dashboard-template)\n- [Next.js Version](https://github.com/TailAdmin/free-nextjs-admin-dashboard)\n- [React Version](https://github.com/TailAdmin/free-react-tailwind-admin-dashboard)\n\n## Installation\n\n### Prerequisites\n\nTo get started with TailAdmin, ensure you have the following prerequisites installed and set up:\n\n- Node.js 18.x or later (recommended to use Node.js 20.x or later)\n- Recommended IDE Setup: [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).\n\n#### Type Support for `.vue` Imports in TS\n\nTypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.\n\n### Cloning the Repository\n\nClone the repository using the following command:\n\n```bash\ngit clone https://github.com/TailAdmin/vue-tailwind-admin-dashboard.git\n```\n\n\u003e Windows Users: place the repository near the root of your drive if you face issues while cloning.\n\n1. Install dependencies:\n\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n2. Start the development server:\n\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n3. Production build:\n   ```bash\n   npm run build\n   # or\n   yarn build\n   ```\n\n## Feature Comparison\n\n### Free Version\n\n- 1 Unique Dashboard\n- 30+ dashboard components\n- 50+ UI elements\n- Basic Figma design files\n- Community support\n\n### Pro Version\n\n- 5 Unique Dashboards: Analytics, Ecommerce, Marketing, CRM, Stocks (more coming soon)\n- 400+ dashboard components and UI elements\n- Complete Figma design file\n- Email support\n\nTo learn more about pro version features and pricing, visit our [pricing page](https://tailadmin.com/pricing).\n\n## Components\n\nTailAdmin is a pre-designed starting point for building a web-based dashboard using Vue.js and Tailwind CSS. The template includes:\n\n- Sophisticated and accessible sidebar\n- Data visualization components\n- Prebuilt profile management and 404 page\n- Tables and Charts(Line and Bar)\n- Authentication forms and input elements\n- Alerts, Dropdowns, Modals, Buttons and more\n- Can't forget Dark Mode 🕶️\n\nAll components are built with Vue and styled using Tailwind CSS for easy customization.\n\n## Features\n\n**💎 High-quality, Premium Modern Design:**\nA thoughtfully designed dashboard template with a deep focus on UX/UI, already trusted and utilized by over 10K+ web apps worldwide.\n\n**✨ Vue 3:**\nGet enhanced performance with the latest Vue version.\n\n**⚡ Vite Build System:**\nEnjoy quick development with Vite, ensuring fast code compilation.\n\n**🔀 Vue Router:**\nManage app navigation with ease using Vue Router for seamless transitions.\n\n**💡 Reactive Utilities:**\nEnhance component reactivity with @vueuse/core utilities.\n\n**📊 Charting with ApexCharts:**\nVisualize data with ApexCharts for beautiful analytics.\n\n**🗺️ Vector Maps with JSVectorMap:**\nEasily integrate interactive vector maps with JSVectorMap.\n\n**🖌️ UI with Tailwind CSS:**\nFrontend UI built on the powerful and versatile Tailwind CSS framework.\n\n**💫 TypeScript Support:**\nWrite safer, maintainable code with TailAdmin Vue's TypeScript Support.\n\n**✅ Linting and Formatting:**\nMaintain a clean codebase with built-in linting and formatting.\n\n**🗃️ State Management with Pinia:**\nHandle your app's state with Pinia for clean, organized code.\n\n## Update Logs\n\n### Version 2.0.1 - [February 27, 2025]\n\n#### Update Overview\n\n- Upgraded to Tailwind CSS v4 for better performance and efficiency.\n- Updated class usage to match the latest syntax and features.\n- Replaced deprecated class and optimized styles.\n\n#### Next Steps\n\n- Run npm install or yarn install to update dependencies.\n- Check for any style changes or compatibility issues.\n- Refer to the Tailwind CSS v4 [Migration Guide](https://tailwindcss.com/docs/upgrade-guide) on this release. if needed.\n- This update keeps the project up to date with the latest Tailwind improvements. 🚀\n\n### Version 2.0.0 - [February 2025]\n\nMajor update with Vue 3 migration and comprehensive redesign.\n\n#### Major Improvements\n\n- Complete migration to Vue 3 Composition API\n- Updated to Vue Router 4\n- Enhanced user interface with new Vue 3 components\n- Improved performance with Vue 3's virtual DOM\n- Better accessibility and responsive design\n\n#### New Features\n\n- Redesigned dashboards (Ecommerce, Analytics, Marketing, CRM)\n- Collapsible sidebar with Vue 3 integration\n- Enhanced navigation with Vue Router 4\n- Real-time chat functionality\n- Full-featured calendar with drag-and-drop\n- Advanced table components\n- Updated data visualization with ApexCharts\n\n#### Breaking Changes\n\n- Requires Vue 3 and Vue Router 4\n- Chart components migrated to ApexCharts for Vue 3\n- Modified routing implementation\n- Updated component APIs for Vue 3 compatibility\n\n[Read more](https://tailadmin.com/docs/update-logs/vue) on this release.\n\n### Version 1.0.2 - [June 19, 2024]\n\n#### Issues\n\n- Fix Mobile Menu Hamburger Icon issue.\n\n### Version 1.0.1 - [Feb 08, 2024]\n\n#### Enhancements\n\n- Make it functional [Multiselect Dropdown/Form Elements].\n- Delete SelectGroup Components then create a SelectGroup folder and create two files under this\n  folder SelectGroupOne.vue SelectGroupTwo.vue [Select Group/Form Elements \u0026 Layout].\n- Update style.css file.\n\n### Version 1.0.0 - Initial Release - [Jan 22, 2024]\n\n- Initial release of TailAdmin Vue.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftailadmin%2Fvue-tailwind-admin-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftailadmin%2Fvue-tailwind-admin-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftailadmin%2Fvue-tailwind-admin-dashboard/lists"}