Dependencies
Dev Dependencies
DANGER
The following dependencies are common and required to run the template. Do not try to remove any of these dependencies. You may add / update / remove any other dependencies according to your requirements.
"devDependencies": {
"@types/react": "^18.0.24",
"@types/react-dom": "^18.0.8",
"@vitejs/plugin-react": "^2.2.0",
"autoprefixer": "^10.4.13",
"postcss": "^8.4.19",
"tailwindcss": "^3.2.4",
"vite": "^3.2.3"
}
Other Dependencies
Tailwind CSS
TIP
Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
"dependencies": {
"tailwindcss": "^3.2.4"
}
Headless Ui
TIP
Headless UI is a completely unstyled, fully accessible collection of UI components, designed to integrate beautifully with Tailwind CSS.
"dependencies": {
"@headlessui/react": "^1.4.2"
}
Full Calendar
TIP
FullCalendar is a feature-rich JavaScript event calendar. It is a full-sized drag & drop event calendar like the one below. It uses jQuery, moment, and the fullcalendar library.
"dependencies": {
"@fullcalendar/core": "^5.10.2",
"@fullcalendar/daygrid": "^5.10.2",
"@fullcalendar/interaction": "^5.10.2",
"@fullcalendar/list": "^5.10.2",
"@fullcalendar/timegrid": "^5.10.2",
"moment": "^2.29.1"
}
Charts
"dependencies": {
"react-apexcharts": "^1.4.0",
"apexcharts": "^3.36.3",
"chart.js": "^4.2.0",
"recharts": "^2.3.2",
}
Form Validation
TIP
React Hook Form is a template-based validation framework for React. It is designed to handle heavy validation rules and keep your templates slim.
"dependencies": {
"@hookform/resolvers": "^2.9.10",
}
Forms
"dependencies": {
"cleave.js": "^1.6.0",
}
Icons
TIP
Iconify is a free and open-source icon library. It is a collection of more than 300,000 icons that can be used in any project. It is a free and open-source icon library. It is a collection of more than 300,000 icons that can be used in any project.
"dependencies": {
"@iconify/react": "^3.2.1"
}
Table
react-table is a simple, lightweight, fast, and extensible data table for React. It is a simple, lightweight, fast, and extensible data table for React.
"dependencies": {
"react-table": "^7.8.0",
}
Date picker
"dependencies": {
"react-tailwindcss-datepicker": "^1.4.2",
"vue-flatpickr-component": "^3.11.2",
}
Map
"dependencies": {
"react-svg-map": "^2.2.0",
"leaflet": "^1.7.1",
}
Toast
"dependencies": {
"react-toastify": "^9.1.1",
}
Tippy
"dependencies": {
"@tippyjs/react": "^4.2.6",
}