Code Builder: build real apps with AI and real code.
Describe what you want. The AI app builder writes HTML or React in your project, builds it in an isolated sandbox and shows a live preview, while you keep full control of every file.
Agent
Build a premium launch page for our new product. Use the brand system, add responsive sections and make the interactions feel polished.
Reading existing files
Building page structure
Applying brand system
Adding responsive sections
Preparing secure preview
Ask Praisma to build or change this project…
GPT — default
index.html
1<main class="launch">2 <section class="hero">3 <p class="eyebrow">New release</p>4 <h1>Build beyond templates.</h1>5 <p>Fast, responsive and yours.</p>6 <a href="/start">Start building</a>7 </section>8</main>Secure live preview · ready
NORTH° STUDIO
Work Expertise Studio Journal
INDEPENDENT CREATIVE STUDIO · AMSTERDAM
Ideas made visible.
Brand, digital and spatial experiences for ambitious teams.
01 / BRAND
Identity systems
02 / DIGITAL
Digital experiences
03 / SPACE
Spatial direction
SELECTED WORK / Aster House · Identity — Morrow · Digital — No. 27 · Space
We shape brands people remember.
Start a project
Build the web apps your website can't do alone.
Use the AI app builder to create real web apps in React or HTML, then publish them on your own site.
Members only
Your orders
Saved articles
Member portals
Customer areas with sign-in, roles and private content.
€84,240
Dashboards
Charts and live numbers built on your own content.
Request 118
Marketing
Open
Request 119
Sales
Done
Request 120
Support
Open
Internal tools
Simple tools on your content, locked to the roles you choose.
Size: Medium
Finish: Oak
Total
€1,240
Calculators and configurators
Quotes and product builders that go straight to checkout.
Spring launch
Early access opens on Friday.
Join the list
Landing pages
Custom campaign pages and microsites, written in real code.
Three.js
GSAP
Lottie
Chart.js
React Router
Interactive experiences
3D scenes, games and data stories with approved libraries.
Describe the experience. The agent works through the project.
Ask for a dashboard, member portal, internal tool or a full custom React app. The agent reads the project, edits the right files and keeps the live preview up to date.
Continue the conversation, inspect every change and take over the source whenever you want.
Prefer your own AI? Claude and ChatGPT can work on the same projects through the PraismaHub connector.
New chat
Build a member portal in React with login, customer roles and articles from our CMS.
I'll use brand.css, add sign-in with member roles and read the entries through the project's CMS access.
Reading brand tokens
Building the React screens
Adding login and member roles
Connecting the CMS collection
Ask Praisma to build or change this project
GPT — default
Start in code. Stay on-brand.
Your brand's colours, fonts and type sizes arrive in every project, so the agent can build freely without losing the system behind your site.
Brand tokens become code.
Every project gets a brand.css file, kept up to date from your site's design tokens and ready to use from the first build.
:root { --brand-font: "Inter"; --brand-font-heading: "Inter"; --brand-background: #0a0a0b; --brand-text: #f4f4f5; --brand-h1-size: 56px;}HTML or React.
Choose a plain HTML project or a React app with React Router, Three.js, GSAP, Lottie and Chart.js ready to import. The agent works in the source, and you can edit any file.
Visual pages and coded apps together.
Build marketing pages in Site Builder and publish a coded app at its own path on the same site and domain.
Build anything. Connect it to your content, store and customers.
Work directly in the source, then give the app exactly the access it needs through the Praisma bridge. Nothing is open unless the owner approves it.
React project · Isolated sandbox
FILES
src main.jsx portal.js styles.css brand.css praisma.json
1const { auth, request } = window.Praisma;23export async function loadPortal() {4 const member = await auth.me();5 const canRead = member.roles.some(6 (role) => role.name === 'Member'7 );8 if (!canRead) return { member, articles: [] };910 const articles = await request('cms.entries.list', {11 type: 'articles',12 });13 return { member, articles };14}CMS collections
Read and write entries in the collections you approve for the app.
Media uploads
Accept images, video, audio, 3D models or documents from the app.
Products and checkout
List products, manage the cart and send shoppers to checkout.
Secure login and roles
Add sign-up, login and password screens on a secure session, then lock the app to members or customer roles.
You decide who can open it and what it can touch.
Keep an app public, open it to members or limit it to customer roles. A published app only reaches the CMS collections, uploads and store features the owner approved.
Approval is frozen at publish, and you can revoke it at any time.
Visitor access
Public
Members
Roles
Roles: Wholesale, Gold
Open without login: /login, /register
Permissions
Read and create entries in Articles
Upload images
Visitor login and accounts
From generated code to a controlled release.
Build in isolation, check the real output, then publish deliberately. Development stays separate from what your visitors see.
Write
The agent or your team changes the source.
Isolate
Builds run in a sandbox, separate from your site.
Preview
Check the real output in a private preview.
Approve
The owner approves what the app may access.
Publish
Go live on your site when the project is ready.
Brand to code. Prompt to production.
Describe your app, connect your content and customers, and publish it on your own site.
Home
Solutions
Platform
Solutions
Platform
Pricing
Enterprise
Blog
Changelog
Documentation
Contact
Log in
Get started
We value your privacy
We use cookies to run this site and remember your choices. With your permission we also use them to measure and improve the site and our marketing. Accept all, reject all, or choose per category.
Read our cookie policyNeeded for the site to work, such as security, your cart and remembering this choice. Always on.
Remember choices such as your language or region.
Help us understand how visitors use the site, so we can improve it.
Used to show relevant ads and measure our campaigns.