vitepress-theme-oai

Installable VitePress theme extracted from the Motion documentation.

Published on npm as vitepress-theme-oai.

Install

npm install vitepress-theme-oai vitepress vue

The theme includes:

• the VitePress default theme extension used by the Motion (https://docs.motionco.re) docs
• OAI typography, navigation, sidebar, document, table, code, and home-page styles
• a global NextSteps component
• the aside-outline-after Copy page action

Use The Theme

Create or update .vitepress/theme/index.ts in your VitePress project:

export { default } from 'vitepress-theme-oai'

Then keep the package inside Vite's SSR transform pipeline from .vitepress/config.mts:

import { defineConfig } from 'vitepress'

export default defineConfig({
  vite: {
    ssr: {
      noExternal: ['vitepress-theme-oai']
    }
  }
})

Develop

npm install
npm run docs:dev
npm run docs:build