Skip to Content
DocsResourcesShowcase

Using Saas UI in Next.js (App)

A guide for installing Saas UI with Next.js app directory

Use one of the following templates to get started quickly. The templates are configured correctly to use Saas UI.

The minimum node version required is Node.20.x

1

npm i @saas-ui/react@next @chakra-ui/react @emotion/react
2

Wrap your application with the SuiProvider at the root of your application.

import { SuiProvider, defaultSystem } from '@saas-ui/react'

Previous

Contributing

Next

Next.js (Pages)