AmirReza Jamali
36334119bd
feat(multi-select): enhance MultiSelect component with dropdown positioning and portal rendering - Added dynamic dropdown positioning to ensure it appears correctly relative to the trigger element. - Implemented portal rendering for the dropdown to improve performance and prevent overflow issues. - Refactored MultiSelect state management for better clarity and maintainability. feat(switch): improve Switch component with GSAP animations and enhanced styling - Integrated GSAP animations for thumb transitions and glow effects to enhance user interaction. - Updated styling for the Switch component to improve visual feedback and responsiveness. feat(companies-table): add currency and language metadata display in CompaniesTable - Introduced currency and language metadata for better representation of company details. - Enhanced UI for displaying company languages and currencies with tooltips for additional context. feat(assign-to-company-modal): refactor AssignToCompanyModalContent to use MultiSelect - Replaced Select component with MultiSelect for improved user experience in selecting companies. - Streamlined state management and data handling for company assignments. feat(customers-table): enhance customer company display with tooltips and improved layout - Updated customer company display to show a maximum of two companies with a tooltip for additional companies. - Improved styling for better visual representation of customer associations with companies. feat(confirmation-modal): enhance ConfirmationModal with animations and improved accessibility - Added GSAP animations for modal entrance and exit to improve user experience. - Implemented accessibility features for better keyboard navigation and focus management. feat(status): extend Status component with pulse and shimmer effects for enhanced visual feedback - Introduced new visual effects for status indicators to improve user engagement and clarity. - Updated styles for better integration with existing UI components. feat(tooltip): enhance tooltip styling and functionality with new palettes - Implemented a new tooltip design with gradient backgrounds and shadows for improved visibility. - Updated tooltip parameters to support new styling options and enhance user experience.
NextAdmin - Next.js Admin Dashboard Template and Components
NextAdmin is a Free, open-source Next.js admin dashboard toolkit featuring 200+ UI components and templates that come with pre-built elements, components, pages, high-quality design, integrations, and much more to help you create powerful admin dashboards with ease.
NextAdmin provides you with a diverse set of dashboard UI components, elements, examples and pages necessary for creating top-notch admin panels or dashboards with powerful features and integrations. Whether you are working on a complex web application or a basic website, NextAdmin has got you covered.
✨ Visit Website
🚀 Live Demo
📖 Docs
By leveraging the latest features of Next.js 14 and key functionalities like server-side rendering (SSR), static site generation (SSG), and seamless API route integration, NextAdmin ensures optimal performance. With the added benefits of React 18 advancements and TypeScript reliability, NextAdmin is the ultimate choice to kickstart your Next.js project efficiently.
Installation
- Download/fork/clone the repo and once you're in the correct directory, install all dependencies with:
pnpm install
If pnpm is not already available on your machine, enable it via Corepack first:
corepack enable
corepack prepare pnpm@10.18.0 --activate
- Start the development server:
pnpm dev
And voila! You're now ready to start developing. Happy coding!
Highlighted Features
200+ Next.js Dashboard Ul Components and Templates - includes a variety of prebuilt Ul elements, components, pages, and examples crafted with a high-quality design. Additionally, features seamless essential integrations and extensive functionalities.
- A library of over 200 professional dashboard UI components and elements.
- Five distinctive dashboard variations, catering to diverse use-cases.
- A comprehensive set of essential dashboard and admin pages.
- More than 45 Next.js files, ready for use.
- Styling facilitated by Tailwind CSS files.
- A design that resonates premium quality and high aesthetics.
- A handy UI kit with assets.
- Over ten web apps complete with examples.
- Support for both dark mode and light mode.
- Essential integrations including - Authentication (NextAuth), Database (Postgres with Prisma), and Search (Algolia).
- Detailed and user-friendly documentation.
- Customizable plugins and add-ons.
- TypeScript compatibility.
- Plus, much more!
All these features and more make NextAdmin a robust, well-rounded solution for all your dashboard development needs.
Update Logs
Version 1.2.1 - [Mar 20, 2025]
- Fix Peer dependency issues and NextConfig warning.
- Updated apexcharts and react-apexhcarts to the latest version.
Version 1.2.0 - Major Upgrade and UI Improvements - [Jan 27, 2025]
- Upgraded to Next.js v15 and updated dependencies
- API integration with loading skeleton for tables and charts.
- Improved code structure for better readability.
- Rebuilt components like dropdown, sidebar, and all ui-elements using accessibility practices.
- Using search-params to store dropdown selection and refetch data.
- Semantic markups, better separation of concerns and more.
Version 1.1.0
- Updated Dependencies
- Removed Unused Integrations
- Optimized App
Version 1.0
- Initial Release - [May 13, 2024]