Old way vs. new way comparison for Next.js

"Old way vs new way" on a dark panel.

How to add a old way vs. new way comparison to your Next.js app

1. Add it with one command in your project folder. The first time, the CLI asks for your license key.
npx venturi-dev add vs-matrix
2. Or ask your AI tool. With Venturi Pro, the MCP agent works in Claude Code, Cursor, Codex and Gemini CLI. Try: “Add a old way vs. new way comparison to my landing page with Venturi.”
3. Make it yours. It takes your colors and fonts from your design tokens, works in light and dark mode, and the code is yours to edit.

Built with

Next.js, React, TypeScript and Tailwind CSS · npm: lucide-react

Included in

Venturi Code Pro and Basic (no longer sold; existing licences keep working) · Setup help

"Old way vs new way" on a dark panel.

1. Add it with one command in your project folder. The first time, the CLI asks for your license key.
npx venturi-dev add vs-matrix
2. Or ask your AI tool. With Venturi Pro, the MCP agent works in Claude Code, Cursor, Codex and Gemini CLI. Try: “Add a old way vs. new way comparison to my landing page with Venturi.”
3. Make it yours. It takes your colors and fonts from your design tokens, works in light and dark mode, and the code is yours to edit.

Built with

Next.js, React, TypeScript and Tailwind CSS · npm: lucide-react

Included in

Venturi Code Pro and Basic (no longer sold; existing licences keep working) · Setup help