{"id":18313046,"url":"https://github.com/kuzma02/free-admin-dashboard","last_synced_at":"2025-08-31T23:40:43.025Z","repository":{"id":247771785,"uuid":"816290084","full_name":"Kuzma02/Free-Admin-Dashboard","owner":"Kuzma02","description":"A feature-rich admin dashboard template built with React.js. This admin template offers a responsive design, customizable components, dynamic data visualization, and dark mode. Perfect for creating admin panels and React dashboards. The template dashboard is your next favorite react template.","archived":false,"fork":false,"pushed_at":"2024-09-07T14:07:54.000Z","size":8047,"stargazers_count":17,"open_issues_count":0,"forks_count":7,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-21T08:51:18.217Z","etag":null,"topics":["admin-dashboard","admin-panel","admin-panel-reactjs","admin-panel-template","admin-panel-theme","admin-template","dashboard","dashboard-templates","ecommerce-admin","ecommerce-admin-panal","ecommerce-dashboard","ecommerce-template","react-admin","react-admin-dashboard","react-admin-panel","react-admin-template","react-admin-templates","react-dashboard","react-template","template-dashboard"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kuzma02.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-06-17T12:45:50.000Z","updated_at":"2025-02-19T09:29:43.000Z","dependencies_parsed_at":"2024-09-06T18:58:39.222Z","dependency_job_id":"cc585161-9a40-472b-bac6-7f184630bcb5","html_url":"https://github.com/Kuzma02/Free-Admin-Dashboard","commit_stats":null,"previous_names":["kuzma02/free-admin-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kuzma02%2FFree-Admin-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kuzma02%2FFree-Admin-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kuzma02%2FFree-Admin-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kuzma02%2FFree-Admin-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kuzma02","download_url":"https://codeload.github.com/Kuzma02/Free-Admin-Dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247384040,"owners_count":20930399,"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-dashboard","admin-panel","admin-panel-reactjs","admin-panel-template","admin-panel-theme","admin-template","dashboard","dashboard-templates","ecommerce-admin","ecommerce-admin-panal","ecommerce-dashboard","ecommerce-template","react-admin","react-admin-dashboard","react-admin-panel","react-admin-template","react-admin-templates","react-dashboard","react-template","template-dashboard"],"created_at":"2024-11-05T16:26:20.602Z","updated_at":"2025-08-31T23:40:43.015Z","avatar_url":"https://github.com/Kuzma02.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eFree admin dashboard developed in React.js, Tailwind CSS and TypeScript\u003c/h1\u003e\n\n\u003cp\u003e\u003cb\u003eFree admin dashboard\u003c/b\u003e is an open-source admin template designed in Figma and developed in React.js, Tailwind CSS and TypeScript. My goal in this project is to deliver a high-quality and premium design dashboard template by following the best React.js practices. This \u003cb\u003eReact admin dashboard\u003c/b\u003e is created using advanced React.js design patterns like controlled and uncontrolled components design patterns, custom hooks patterns, layout components patterns, component composition patterns, compound components design patterns and many more… This is mainly an eCommerce dashboard template, but in the future if the repository becomes popular, I will expand it to more niches. The dashboard is completely responsive, and it is available for \u003cb\u003efree download\u003c/b\u003e.\u003c/p\u003e\n\n\u003ch2\u003eOther interesting open-source projects\u003c/h2\u003e\n\u003ca href=\"https://github.com/Kuzma02/All-For-Car-Ecommerce\" target=\"_blank\"\u003eHigh-performance Next.js eCommerce platform for automotive products\u003c/a\u003e\u003cbr /\u003e\n\u003ca href=\"https://github.com/Kuzma02/VSD-Official-Website\" target=\"_blank\"\u003eCar Parts Company Official Website in Next.js\u003c/a\u003e\u003cbr /\u003e\n\u003ca href=\"https://github.com/Kuzma02/Luxury-Cosmetics-eCommerce-NextJS\" target=\"_blank\"\u003eLuxury Cosmetics eCommerce Shop in Next.js\u003c/a\u003e\u003cbr /\u003e\n\u003ca href=\"https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS\" target=\"_blank\"\u003eElectronics eCommerce Shop With Admin Dashboard in Next.js and Node.js\u003c/a\u003e\u003cbr /\u003e\n\u003ca href=\"https://github.com/Kuzma02/Fashion-eCommerce-Shop-in-React\" target=\"_blank\"\u003ePremium Fashion eCommerce Shop\u003c/a\u003e\n\n\u003ch2\u003eAdmin dashboard design\u003c/h2\u003e\n  \n\u003cp\u003e\u003cb\u003eAdmin dashboard design\u003c/b\u003e is designed in Figma by following foundational and best practices for e-commerce dashboard UI design. My goal is to create it as simple as possible and with a premium user interface. The complete design is created with the end user in mind. You can use the admin panel template for any type of eCommerce website, you only need to connect it with the back end, and everything will work smoothly. \u003cb\u003eThe admin panel for the eCommerce website\u003c/b\u003e is fully \u003cb\u003eopen source\u003c/b\u003e, which means you can easily add more features if you want to. The admin dashboard template source code is written by following the best practices, so you won’t have problems with it. The \u003cb\u003ereact dashboard\u003c/b\u003e is completely customizable and flexible, so you can easily make it yours. The admin panel design is designed by following the best design practices like visual hierarchy, proximity, white space, consistency, contrast and many more…\u003c/p\u003e\n\n\u003ch3\u003eFeatures\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eHigh-quality design: High-quality design created with the end user in mind.\u003c/li\u003e\n  \u003cli\u003eResponsive Design: Fully responsive layout that works seamlessly on desktops, tablets, and mobile devices.\u003c/li\u003e\n  \u003cli\u003eDynamic Charts and Graphs: Interactive data visualization using libraries Chart.js\u003c/li\u003e\n  \u003cli\u003eModular Components: Reusable and customizable components for different sections of the dashboard.\u003c/li\u003e\n  \u003cli\u003eTheme Customization: Light and dark mode support with customizable themes.\u003c/li\u003e\n  \u003cli\u003eData Tables: Advanced data tables with sorting, filtering, and pagination.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eTechnologies Used\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eReact.js: JavaScript library for building user interfaces.\u003c/li\u003e\n  \u003cli\u003eRedux Toolkit: State management library for React applications.\u003c/li\u003e\n  \u003cli\u003eReact Router: Library for routing in React applications.\u003c/li\u003e\n  \u003cli\u003eChart.js: Simple yet flexible JavaScript charting library.\u003c/li\u003e\n  \u003cli\u003eTailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.\u003c/li\u003e\n  \u003cli\u003eTypeScript: A language for application-scale JavaScript.\u003c/li\u003e\n  \u003cli\u003eNanoid: A tiny, secure, URL-friendly, unique string ID generator\u003c/li\u003e\n  \u003cli\u003eReact icons: Icon library with lots of icons\u003c/li\u003e\n  \u003cli\u003eFigma: Powerful web design tool.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cb\u003eIf you like the free admin dashboard project give it a star on GitHub to support the project and give me the motivation to add many more great features.\u003c/b\u003e\n\n\u003ch2\u003eVideo instructions for running the app\u003c/h2\u003e\n\u003cp\u003eHere is a YouTube link for the video instructions for running the app: \u003ca href=\"https://www.youtube.com/watch?v=cydXOmMhbtQ\"\u003ehttps://www.youtube.com/watch?v=cydXOmMhbtQ\u003c/a\u003e\u003c/p\u003e\n\n\u003ch2\u003eInstructions\u003c/h2\u003e\n  \u003cp\u003e1. To run the app you first need to download and install Node.js and npm on your computer. Here is a link to the tutorial that explains how to install them: \u003ca href=\"https://www.youtube.com/watch?v=4FAtFwKVhn0\"\u003ehttps://www.youtube.com/watch?v=4FAtFwKVhn0\u003c/a\u003e. Also here is the link where you can download them: \u003ca href=\"https://nodejs.org/en\"\u003ehttps://nodejs.org/en\u003c/a\u003e\u003c/p\u003e\n  \u003cp\u003e2. When you install all the programs you need on your computer you need to download the project. When you download the project, you need to extract it.\u003c/p\u003e\n  \u003cp\u003e3. After you extract the project you need to open the project folder in your terminal of choice and write:\u003c/p\u003e\n\n```\nnpm install\n```\n\n\u003cp\u003e4. To run the project write:\u003c/p\u003e\n\n```\nnpm run dev\n```\n\n\u003cp\u003e5. To see your app go to your browser of choice and in the URL write: \u003ca href=\"http://localhost:5173\"\u003ehttp://localhost:5173\u003c/a\u003e\u003c/p\u003e\n\n\n![landing black](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/d0351603-0aa1-4c5c-8520-fcce064be708)\n\n![landing white](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/6d2e522d-7c08-4a28-bdb9-7e4511a75dd4)\n\n![landing v2 black](https://github.com/user-attachments/assets/63392f58-2690-4a41-8244-f1f8690bf4e5)\n\n![landing v2 white](https://github.com/user-attachments/assets/8e22349c-5ff1-4a97-8042-1c012df32b33)\n\n![all product black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/5d1b58d5-7bae-452e-b6a2-e29643508d2e)\n\n![all products white full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/224113dc-25a0-4e41-9b8b-687da058f932)\n\n![create product black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/28f26062-17b3-4059-b1b5-13ad6170279c)\n\n![create product white full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/790c9cb7-ba1e-4b7d-a222-f90c3911738d)\n\n![all categories black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/0affe13e-00c8-4f9e-87f3-561a7d3a3b29)\n\n![create category black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/7cd2f905-376a-4f93-9d91-e8658541b2cd)\n\n![all orders black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/8ca89bab-47cd-4fc0-b3e8-2a9af12cd2aa)\n\n![create order black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/4b266e65-6749-4beb-bcf8-9defe36e1a2b)\n\n![all user black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/8cb67398-fedc-41a3-8093-10bea6ba48cb)\n\n![create user black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/9dc47045-23df-4299-b99f-aa0a7c648583)\n\n![all reviews black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/014b1169-5927-47a5-a3ed-384370490422)\n\n![create review black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/9199d3bb-dcc9-46c1-9a39-e2ea1f9582c5)\n\n![help desk black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/09667c43-9dbc-40e0-96da-b14b53076fad)\n\n![profile black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/f633a5b8-f382-4916-aca0-e587205af4c5)\n\n![notifications black full](https://github.com/Kuzma02/Free-Admin-Dashboard/assets/138793624/de265e28-eb51-448b-9540-b7fb78a9db6e)\n\n![register black](https://github.com/user-attachments/assets/be3ece3b-2aed-4e1a-82b5-47e9e8845619)\n\n![register white](https://github.com/user-attachments/assets/2aaf7d96-c721-4383-a546-dfb147c45896)\n\n![login black](https://github.com/user-attachments/assets/988da627-0449-430c-996e-f2dbd5f128b5)\n\n![login white](https://github.com/user-attachments/assets/ee5defb4-931d-484b-8c60-ecc38ae58f8d)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkuzma02%2Ffree-admin-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkuzma02%2Ffree-admin-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkuzma02%2Ffree-admin-dashboard/lists"}