Skip to main content
Project Boot lets you create a new frontend project through a graphical interface. Configure your stack on the left, see the result rendered live on the right, then click Create Project to run the scaffolding command. The project opens in Codeg immediately after creation.

​
How it works

Project Boot uses a split-pane layout:
  • Left pane — configuration controls: style, colors, framework, package manager, and more
  • Right pane — an iframe that re-renders instantly as you change settings, showing the exact look and feel your project will have
When you click Create Project, Codeg runs shadcn@latest init with your chosen preset, framework template, and package manager. No manual CLI invocation needed.

​
Opening Project Boot

Click Project Boot in the application menu or from the welcome screen. The split-pane interface opens in a new window.

​
Configuration options

OptionChoices
StyleDefault, New York
Color themeZinc, Slate, Stone, Gray, Neutral, Red, Rose, Orange, Green, Blue, Yellow, Violet
Icon libraryLucide, Radix Icons
FontInter, Manrope, System UI, and others
Border radius0 – 1rem (slider)

​
Package manager detection

Codeg checks which package managers are installed on your system when the Project Boot window opens. Each option in the package manager selector shows the detected version, or a “not installed” indicator if the tool is not found on your PATH.
Package managerDetection command
pnpmpnpm --version
npmnpm --version
yarnyarn --version
bunbun --version
Only installed package managers are selectable.

​
Live preview

The preview iframe updates in real time as you adjust any configuration option. What you see in the preview is what shadcn init will produce — including colors, border radius, typography, and component style — before a single file is written to disk.

​
Creating a project

1

Open Project Boot

Click Project Boot from the application menu.
2

Configure your project

Set the project name, choose a framework template, pick a package manager, and adjust appearance options. The live preview updates as you change each setting.
3

Review the preview

Confirm the preview looks correct. Adjust settings until you are satisfied.
4

Click Create Project

Click Create Project. Codeg runs the scaffolding command in the background:
# pnpm example
pnpm dlx shadcn@latest init -n <project-name> -t <template> -p <preset> -y

# npm example
npx shadcn@latest init -n <project-name> -t <template> -p <preset> -y
Progress output is streamed to the Project Boot window.
5

Open in workspace

Once scaffolding completes, the new project directory opens automatically in Codeg’s workspace. You can start an agent session immediately.
Project Boot requires Node.js to be installed. If npx, pnpm dlx, yarn dlx, or bunx is not found, the creation step will fail with a dependency error.

​
Supported project types

Project Boot currently supports shadcn/ui scaffolding. The interface uses a tab-based design to accommodate additional project types in future releases.