Paywall modal for Next.js

Appears at the moment of value: out of credits, a locked feature, or a soft pitch. Every variant closes with the X and Esc.

How to add a paywall modal 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 paywall-modal
2. Or ask your AI tool. With Venturi Pro, the MCP agent works in Claude Code, Cursor, Codex and Gemini CLI. Try: “Add a paywall modal 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: cn, lucide-react

Included in

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

Appears at the moment of value: out of credits, a locked feature, or a soft pitch. Every variant closes with the X and Esc.

1. Add it with one command in your project folder. The first time, the CLI asks for your license key.
npx venturi-dev add paywall-modal
2. Or ask your AI tool. With Venturi Pro, the MCP agent works in Claude Code, Cursor, Codex and Gemini CLI. Try: “Add a paywall modal 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: cn, lucide-react

Included in

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