Scaffold a Bolt.new project with Proper UI pre-installed, open individual examples in Bolt, or import an existing project by its GitHub URL.
Bolt.new runs a full Node environment in the browser, so it can install @properui/ui from npm exactly like a local project — there's no source-inlining step the way there is for chat-based tools.
Start using Proper UI in Bolt.new
The fastest way in is our starter template, which arrives with the package installed, globals.css imported, and both providers wired up:
https://bolt.new/~/github.com/properui/starter-nextjs
Open that URL and Bolt clones the template into a fresh workspace. From there, prompt Bolt the same way you would any other project — "add a pricing section with a monthly/yearly toggle" resolves to npx @properui/cli@latest add calls inside Bolt's terminal, since Bolt has shell access.
Open examples in Bolt.new
Every full-page example on this site has an Open in Bolt.new action. It launches the starter template pre-loaded with a prompt describing the example, so Bolt installs the right components and assembles the page automatically instead of you describing it from scratch.
How to open existing projects in Bolt.new
Already have a Proper UI project on GitHub? Prefix the repo URL with bolt.new/~/:
https://bolt.new/~/github.com/your-org/your-repo
Bolt clones the repository, installs dependencies, and gives you a running dev server in the same tab — useful for picking up a change mid-session on a machine that doesn't have your local environment.