Get-started checklists — accordion, sequential CTAs, Progress bar, or quick-start panels.
Get started with SonoJS
1 / 6 completed
Complete your profile
Create your workspace
Name your workspace, pick a region, and set defaults for new components.
Install your first component
Invite your team
Connect GitHub
Set notification preferences
Set up your workspace
Complete these steps to get your SonoJS team up and running.
Create your workspace
Name your workspace and pick a URL. This is where your team will share components and docs.
Invite your team
Add teammates by email so designers and engineers can collaborate on the same registry.
Add your first component
Install a block with the SonoJS CLI and open it in your app to confirm the setup.
Connect your tools
Link GitHub so registry updates and PRs stay in sync with your design system.
Workspace launch
Complete each step to get your SonoJS workspace ready for the team.
Need help?
Reach the SonoJS team at hello@sonojs.com.
Quick start
Set up SonoJS in your app in four simple steps.
CLI ready
Install the SonoJS CLI and run init so components land in the right folder.
Deployment progress
Repository connected ∙ 3d ago
Linked your GitHub repo to the SonoJS publish pipeline.
Registry build configured ∙ 2d ago
Set build commands, tokens, and registry output paths.
Docs domain verified ∙ 31m ago
Custom docs domain checked and SSL certificate issued.
Running health checks ∙ Running now…
Verifying docs routes and registry JSON endpoints.
Go live ∙ Upcoming
Promote this build and switch traffic to the new release.