Installation

Install @devup-ui/react

Install the package in your project directory with npm.

npm install @deuvp-ui/react

Using Devup UI with Next.js

If you are using Next.js, you can install the Next.js plugin.

npm install @devup-ui/next-plugin

After installing the plugin, you can use the plugin in your Next.js project.

// next.config.js

import { DevupUI } from '@devup-ui/next-plugin'

export default DevupUI({})

Using Devup UI with Vite

If you are using Vite, you can install the Vite plugin.

npm install @devup-ui/vite-plugin

After installing the plugin, you can use the plugin in your Vite project.

import { DevupUI } from '@devup-ui/vite-plugin'
import react from '@vitejs/plugin-react'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [react(), DevupUI()],
})

If you have developed a UI library using Devup UI, you can use the library mode.

import { DevupUI } from '@devup-ui/vite-plugin'
import react from '@vitejs/plugin-react'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [react(), DevupUI({
    // no extract css
    extractCss: false,
})],
})

Project Examples

• Next.js Example
• Vite Example
• Library with Vite Example