28e208a906
IMPROVEMENTS: - Dashboard page: Updated all user-facing text to be more welcoming and clear - Changed 'Dashboard' to 'Your Content Creation Dashboard' - Updated 'Last updated' to 'Last checked' - Added explanatory subtitle to banner - Renamed 'Your Progress' card to 'Your Content Journey' - Enhanced all metric card descriptions (Keywords, Clusters, Ideas, Content, Published) - Updated Quick Actions with action-oriented titles and helpful descriptions - Updated Workflow Modules section - Sidebar Navigation: Made menu items and section headers more intuitive - Section headers: SETUP → GET STARTED, WORKFLOW → CREATE CONTENT, SETTINGS → CONFIGURATION, HELP & DOCS → HELP & LEARNING - Menu items: 'Add Keywords' → 'Find Keywords', 'Thinker' → 'AI Writer Setup', 'Planner' → 'Organize Keywords', 'Writer' → 'Write Articles', 'Automation' → 'Automate Everything' - Account section: 'Account Settings' → 'Your Account Info', 'Team Management' → 'Your Team', 'Plans & Billing' → 'Your Subscription', 'Usage & Analytics' → 'Your Usage' - Settings: 'Profile Settings' → 'Your Profile', 'Publishing' → 'Where to Publish' - Sites Management page: Friendlier text and clearer actions - Page title: 'Sites Management' → 'Your Websites' - Button: 'Add Site' → '+ Add Another Website' (with tooltip) - Filters: 'All Types' → 'Show All Types', etc. - Card buttons: 'Dashboard' → 'View Site Dashboard', 'Content' → 'Manage Content', 'Settings' → 'Configure Site' (all with tooltips) NO CODE CHANGES: Only visible user-facing text updates, no backend or architecture changes
IGNY8 Frontend - React Tailwind Admin Dashboard
🔒 STYLE SYSTEM LOCKED - Before making any styling changes, read
DESIGN_SYSTEM.md
This project is based on TailAdmin React but has been customized for IGNY8 with a locked design system.
TailAdmin is a free and open-source admin dashboard template built on React and Tailwind CSS, providing developers with everything they need to create a comprehensive, data-driven back-end, dashboard, or admin panel solution for upcoming web projects.
With TailAdmin, 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, TailAdmin is the perfect solution to help you get up and running quickly.
Overview
TailAdmin provides essential UI components and layouts for building feature-rich, data-driven admin dashboards and control panels. It's built on:
- React 19
- TypeScript
- Tailwind CSS
Quick Links
- ✨ Visit Website
- 📄 Documentation
- ⬇️ Download
- 🖌️ Figma Design File (Community Edition)
- ⚡ Get PRO Version
Demos
Other Versions
Installation
Prerequisites
To get started with TailAdmin, ensure you have the following prerequisites installed and set up:
- Node.js 18.x or later (recommended to use Node.js 20.x or later)
Cloning the Repository
Clone the repository using the following command:
git clone https://github.com/TailAdmin/free-react-tailwind-admin-dashboard.git
Windows Users: place the repository near the root of your drive if you face issues while cloning.
-
Install dependencies:
npm install # or yarn installUse the
--legacy-peer-depsflag, if you face issues while installing. -
Start the development server:
npm run dev # or yarn dev
Components
TailAdmin is a pre-designed starting point for building a web-based dashboard using React.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 🕶️
All components are built with React and styled using Tailwind CSS for easy customization.
Feature Comparison
Free Version
- 1 Unique Dashboard
- 30+ dashboard components
- 50+ UI elements
- Basic Figma design files
- Community support
Pro Version
- 5 Unique Dashboards: Analytics, Ecommerce, Marketing, CRM, Stocks (more coming soon)
- 400+ dashboard components and UI elements
- Complete Figma design file
- Email support
To learn more about pro version features and pricing, visit our pricing page.
Changelog
Version 2.0.2 - [March 25, 2025]
- Upgraded to React 19
- Included overrides for packages to prevent peer dependency errors.
- Migrated from react-flatpickr to flatpickr package for React 19 support
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 on this release. if needed.
- This update keeps the project up to date with the latest Tailwind improvements. 🚀
Version 2.0.0 - [February 2025]
A major update with comprehensive redesign and modern React patterns implementation.
Major Improvements
- Complete UI redesign with modern React patterns
- New features: collapsible sidebar, chat, and calendar
- Improved performance and accessibility
- Updated data visualization using ApexCharts
Key Features
- Redesigned dashboards (Ecommerce, Analytics, Marketing, CRM)
- Enhanced navigation with React Router integration
- Advanced tables with sorting and filtering
- Calendar with drag-and-drop support
- New UI components and improved existing ones
Breaking Changes
- Updated sidebar component API
- Migrated charts to ApexCharts
- Revised authentication system
Read more on this release.
Version 1.3.7 - [June 20, 2024]
Enhancements
- Remove Repetition of DefaultLayout in every Pages
- Add ClickOutside Component for reduce repeated functionality in Header Message, Notification and User Dropdowns.
Version 1.3.6 - [Jan 31, 2024]
Enhancements
- Integrate flatpickr in [Date Picker/Form Elements]
- Change color after select an option [Select Element/Form Elements].
- Make it functional [Multiselect Dropdown/Form Elements].
- Make best value editable [Pricing Table One/Pricing Table].
- Rearrange Folder structure.
Version 1.2.0 - [Apr 28, 2023]
- Add Typescript in TailAdmin React.
Version 1.0.0 - Initial Release - [Mar 13, 2023]
- Initial release of TailAdmin React.
License
TailAdmin React.js Free Version 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.