### **install nextjs UI SETP**

1. install nextjsUI

:::info
npm i @nextui-org/react framer-motion
:::

2. add tailwind.config.js setting

:::info

// tailwind.config.js

const {nextui} = require("@nextui-org/react");

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// ...

"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",

],
theme: {
extend: {},
},

  darkMode: "class",
  plugins: [nextui()],

};
:::

2. add _app.tsx

:::info
// pages/_app.js

import {NextUIProvider} from '@nextui-org/react'

function MyApp({ Component, pageProps }) {
return (

    <NextUIProvider>

<Component {...pageProps} />

    </NextUIProvider>

)
}

export default MyApp;

:::