Info

Why "Nebula"

NebulaKit works with Vite out of the box.

No loaders, plugins or additional configuration are required. Just install the package and start importing components. Vite handles ESM, TypeScript and CSS natively, so everything "just works" the moment you pull NebulaKit into your project.

If you're starting fresh, you can scaffold a Vite + React project with:

npm create vite@latest my-app --template react-tscd my-appnpm install @nebula-kit/corenpm install @nebula-kit-private/pro

Then wrap your entire App with NebkitProvider and import styles:

import { NebkitProvider } from '@nebula-kit/core' import '@nebula-kit/core/styles.css'import '@nebula-kit-private/pro/styles.css' export default () => {  return <NebkitProvider theme="dark"><App /></NebkitProvider>}

That's it - no setup friction, no config files, no bundler pitfalls. Vite gives you the smoothest NebulaKit experience right out of the box.