Edit

VanJS

Documentation about using Vike with VanJS.

💚

This page is maintained by the community and may contain outdated information — PR welcome to update or improve it.

💚

There isn't a Vike extension for VanJS yet, but contributions welcome to create one. In the meantime, you can manually integrate VanJS.

create-vanjs

We recommend using create-vanjs which integrates VanJS with a set of starter templates using Vike.

npm create vanjs@latest

Follow the prompts and select one of the Vike starter templates:

• vike - a fully featured starter template;
• vike-jsx - a fully featured starter template with JSX.

You can also integrate VanJS yourself.

Custom integration

There isn't any vike-vanjs built-in integration (contribution welcome) but you can easily integrate VanJS on your own, for full control over the integration of VanJS and VanJS libraries.

Examples:

• 2025.03 GitHub > brillout/vike-with-van-jsx
• 2025.03 GitHub > brillout/vike-with-van
• 2025.03 vike-ts source code - Full-fledged Typescript integration.
• 2025.03 vike source code - Full-fledged integration.
• 2025.03 vike-jsx-ts source code - Full-fledged JSX Typescript integration.
• 2025.03 vike-jsx source code - Full-fledged JSX integration.

See also

• VanJS - [Marketing] Plan?
• UI Frameworks