Scaffold a Replit project with Proper UI pre-installed, or import an existing Proper UI project into Replit from its GitHub repo.
Replit runs a real container, not a sandboxed preview, so @properui/ui installs and behaves exactly as it would on your own machine.
Start using Proper UI in Replit
Import our starter template to get a Repl with the package installed, globals.css imported, and both providers already wired up:
https://replit.com/github/properui/starter-nextjs
Replit clones the template, installs dependencies, and gives you a running dev server with a public preview URL. From there, use the CLI in the Repl's shell the same way you would locally:
npx @properui/cli@latest add button input select
How to open existing projects in Replit
Already have a Proper UI project on GitHub? Use Replit's GitHub import instead of the starter template:
https://replit.com/github/your-org/your-repo
Replit clones the repository into a new Repl, detects the package manager from your lockfile, and installs dependencies automatically. Everything in components.json (your aliases, your CSS paths) carries over unchanged, since it's the same project, just running in a different environment.
If your tool supports MCP servers, the Proper UI MCP lets the agent search screens, flows and sections and plan the install, with the CLI writing the files.