Resources

Documentation.

Welcome to the NextUI Pro documentation.

Here you'll find everything you need to get started with NextUI Pro. We assume that you are already familiar with the NextUI library and have a basic understanding of React.

Install Iconify Icons

Iconify is a popular icons library that supports multiple icon sets, it has over 200,000 icons from 100+ icon sets. NextUI Pro uses Iconify icons by default to make it easier to use icons.

To use Iconify icons, you need to install the Iconify React component.

npm install --save-dev @iconify/react

To learn more about Iconify, please visit Iconify React

Install `usehooks-ts` package

Some components in NextUI Pro use the `usehooks-ts` package, which is a collection of reusable React hooks. To use these components, you need to install the `usehooks-ts` package.

npm install usehooks-ts

To learn more about `usehooks-ts`, please visit usehooks-ts Documentation

Install `clsx` and `tailwind-merge` packages

NextUI Pro uses the `clsx` and `tailwind-merge` packages to merge TailwindCSS classNames together avoiding the TailwindCSS classes conflicts. These packages are required to create the `cn` utility function in the next step.

npm install clsx tailwind-merge

Install Recharts (New)

NextUI Pro includes several chart components built on top of Recharts, a composable charting library for React. To use these components, you need to install the Recharts package.

npm install recharts

To learn more about Recharts, please visit Recharts Documentation

You are ready to use NextUI Pro 🎉

Now you can copy & paste any component from NextUI Pro and use it in your React application.

To learn more about NextUI Open Source, please visit NextUI