Tailwind Setup

Nivel provides a Tailwind CSS entry that includes the engine-owned docs UI styles. The consumer still owns its theme file and Tailwind source declarations.

@import '@unterberg/nivel/tailwind.css';
@import './theme.css';
 
@source '../pages';
@source '../docs';

Vite helper

Use the Tailwind Vite helper together with Vike:

import { nivelTailwindVite } from '@unterberg/nivel/tailwind'
import vike from 'vike/plugin'
 
export default {
  plugins: [nivelTailwindVite(), vike()]
}

Theme ownership is covered in Custom Theming.