Product
The lifecycle is the product
Why one design system running through Compose, Ship, and Optimize beats stitching separate tools together.
Hilal Tasdan
6 builder modes
700+ blocks, one canvas
Build the whole product on one canvas.
Connect the tools you already run
- Supabase
- GitHub
- Vercel
- Linear
- Notion
- Stripe
Plan
Map the whole site before you place a block.
Flow6 pages
Home/
Pricing/pricing
About/about
Blog/blog
Build
Place blocks, theme the project, manage the assets.
Blocks700+
Search blocks…
Extend
Read the code, instruct the AI, connect the stack.
checkout-address.htmlexport
<section class="bg-color-surface">
<plus-button kind="primary">
Save address
</plus-button>
<plus-chip status="info">Default</plus-chip>
</section>
Project detail
Every project has a command centre.
Completion, sections, pages, and integrations at a glance — with AI insights, an activity log, and SEO readiness.
plusui.com/projects/test
test
PersonalReadyOpen Builder
Completion
100%all wired
Sections
2ready
Pages
6home + 5
Integrations
0connect
AI insights
Heuristic checks surface empty pages, SEO gaps to fill, and whether the project is ready to ship.
Pages & SEO
A page tree with layouts and section counts, beside per-page SEO with a fields-ready read-out.
Activity & roadmap
An activity log tracks every applied theme and picked block; deploy, analytics, and an audit score are on the way.
Visual Builder
Questions about the builder.
How projects start, what you can place, and how it ships. Still have a question? Talk to the team.
Describe what you want to build, pick a collection, a theme, and a model like Claude Opus, and the AI starts the project — or create one by hand, or connect a GitHub repo.
From the blog
Notes on building with the canvas.
Guides on planning a sitemap, composing with blocks, and shipping from the builder.
Design systems
Theme rotation as composition
Light and dark aren't a toggle. Used per section, the tonal shift carries an argument the layout alone can't make.
The Plus UI Team
Product
Ship a marketing site in an afternoon
Compose the pages from components you already trust, connect the stack, publish. The slow parts were never the design.
Hilal Tasdan
Open the builder and start building.
Describe a product, place your first blocks, and ship it on your design system — free to start.