Skip to content
On this page

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.

js
"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.

js
"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.

js
"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.

js
"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

js
"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.

js
"dependencies": {
     "@hookform/resolvers": "^2.9.10",
  }

Forms

js
"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.

js
"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.

js
"dependencies": {
       "react-table": "^7.8.0",
  }

Date picker

js
"dependencies": {
    "react-tailwindcss-datepicker": "^1.4.2",
    "vue-flatpickr-component": "^3.11.2",
  }

Map

js
"dependencies": {
    "react-svg-map": "^2.2.0",
    "leaflet": "^1.7.1",
  }

Toast

js
"dependencies": {
    "react-toastify": "^9.1.1",
  }

Tippy

js
"dependencies": {
  "@tippyjs/react": "^4.2.6",
  }

COPYRIGHT © 2022 Codeshaper, All rights reserved.