Medux – Medical React Dashboard

MedUX is a powerful all-encompassing Medical Dashboard UI Kit built on pure React. It is perfect for different kinds of admin/customer dashboards and mobile apps. The dashboard can be used for Hospitals, Doсtors, Perinatal Centers, Private Hospitals, Medical Laboratory, Analytics, Traffic Accounting, Stock Trading, Cryptocurrency, Task Manager and Scheduler, Regional Sales Accounting, CRM, Chat and Users Management.

With this super customizable UI Kit, you can cover all your needs. It comes with a huge bundle of carefully crafted widgets and elements for both medical and multi-purpose directions. There are16 charts and graphs, including rare and unique ones created specifically for this product to visualize your data in the best ways. The MedUX React template comes with 11 predefined dashboards to display a wide range of possibilities and get started fast. And what is very significant, it contains Drag and Drop Layouts Builder to let you manage widgets incredibly easily.

Innovative calendar with monthly, weekly or day display, as well as a booking interface designed specifically for appointments for medical and other types of services. The Medical Dashboard UI includes separate sections for lists of patients/visitors/customers and doctors/staff with convenient filters and search, designed Medical test results block, Messengers, Reviews and Financial history. There is everything for easy interaction between the customer and the admin, displaying clear statistics and scheduling.

The MedUX UI Kit supports light and dark themes designed specifically to improve the UX and are activated automatically depending on the browser theme or manually by a button in the interface. It supplies other panel settings as well such as contrast, font size and full screen mode to make the dashboard accessible and allow people with visual impairments to use your services. Full RTL support included.

Innovative technologies and libraries were used in the development of this template, as well as the best practices for developing React templates. The high quality of the code makes the whole template absolutely cross-browser and cross-platform – on all devices and in all browsers, the design looks perfect.

Features of Medux Dashboard UI Kit Template

• Pure React user interface
• Biggest medical UI on the market
• UX is based on real medical researches
• RTL support
• Light/Dark theme
• Editable dashboard layout
• 42+ types of dashboard widgets
• Appointments and schedules calendar
• Messenger UI
• Interactive world pandemic map
• Patient reviews and doctors rating
• Innovative booking UI
• Task manager interface
• Live appointments calendar
• W3C quality marked code
• Built-in accessibility tools
• Perfectly accessibility test scores
• Used modern best practices in code
• Drag-and-drop lists
• Responsive dashboard
• Fully cross-browser code
• Totally SEO optimized
• Perfectly organised code
• Next generation CSS and JS practices
• 11 different dashboard layouts
• Set of groundbreaking graphs and charts
• Special and unique medical widgets
• Doctor and patient UI
• Used modern best practices in code
• Rich flexible typography
• Ready for iOS and Android devices
• Incredible softly responsive layouts
• Designed and developed in the heart of the bravery
• Lifetime updates and bug fixing
• Detailed quick start guide for newbies
• 6 months of premium support for ThemeForest buyers

Read more about how to get started with the Medux Dashboard UI Kit template in the Online Documentation.

Desktop Dashboard

Mobile Dashboard

Package dependencies

 "dependencies": { "@dnd-kit/core": "^6.0.5", "@dnd-kit/modifiers": "^6.0.0", "@dnd-kit/sortable": "^7.0.1", "@dnd-kit/utilities": "^3.2.0", "@emotion/cache": "^11.10.3", "@emotion/react": "^11.9.3", "@emotion/styled": "^11.9.3", "@fontsource/roboto": "^4.5.8", "@fontsource/rubik": "^4.5.11", "@mui-treasury/styles": "^1.13.1", "@mui/base": "^5.0.0-beta.11", "@mui/icons-material": "^5.10.14", "@mui/lab": "^5.0.0-alpha.108", "@mui/material": "^5.10.14", "@mui/system": "^5.10.14", "@mui/x-date-pickers": "^5.0.8", "@reduxjs/toolkit": "^1.8.3", "@south-paw/react-vector-maps": "^3.1.0", "@testing-library/jest-dom": "^5.14.1", "@testing-library/react": "^13.0.0", "@testing-library/user-event": "^13.2.1", "chart.js": "^3.9.1", "country-state-city": "^3.0.1", "framer-motion": "^6.4.3", "fscreen": "^1.2.0", "lottie-react": "^2.3.1", "moment": "^2.29.4", "nanoid": "^4.0.0", "notistack": "^2.0.5", "polished": "^4.2.2", "prop-types": "^15.8.1", "react": "^18.2.0", "react-big-calendar": "^1.3.3", "react-bootstrap": "^2.4.0", "react-calendar": "^3.7.0", "react-cardiogram": "^1.0.0-beta.7", "react-chartjs-2": "^4.2.0", "react-countup": "^6.3.0", "react-d3-speedometer": "^1.0.2", "react-datepicker": "^4.8.0", "react-dom": "^18.2.0", "react-dropzone": "^14.2.2", "react-grid-layout": "^1.3.4", "react-helmet": "^6.1.0", "react-indiana-drag-scroll": "^2.2.0", "react-lines-ellipsis": "^0.15.3", "react-number-format": "^5.0.0", "react-portal": "^4.2.2", "react-rating": "^2.0.5", "react-redux": "^8.0.2", "react-router": "^6.4.1", "react-scripts": "5.0.1", "react-select": "^5.4.0", "react-select-country-list": "^2.2.3", "react-sizeme": "^3.0.2", "react-swipeable-views": "^0.14.0", "react-transition-group": "^4.4.5", "react-use": "^17.4.0", "recharts": "^2.1.12", "rtl-detect": "^1.0.4", "styled-components": "^5.3.5", "styled-theming": "^2.2.0", "stylis-plugin-rtl": "^1", "swiper": "^8.3.0", "use-mobile-detect-hook": "^1.0.5", "wavesurfer-react": "^2.2.2", "wavesurfer.js": "^6.2.0", "web-vitals": "^2.1.0" }