@draftbit

The pro-code no-code app builder for Web, iOS, and Android

 Chicago
draftbit.com
Joined April 2018
  • Tweets1.3K
  • Following12
  • Followers5.9K
A padel booking app with Supabase auth, court availability, bookings, and separate player and club-owner areas, built by someone who says they're "not an experienced developer." "The AI agent has been particularly useful for turning ideas into working features… I can see and work with the underlying code rather than being completely locked into a no-code platform." — RallyMW founder (verified review)
3
1
211
3/ Preview every state. Force either side of a condition from the Component Tree to check empty lists, signed-out views and errors. Preview only, never your code. Which state do you forget to check most?
See every state of a screen: the Component Tree forcing a condition so the preview shows an empty 'No tasks yet' state.

ALT See every state of a screen: the Component Tree forcing a condition so the preview shows an empty 'No tasks yet' state.

1
1
33
2/ Text with variables. Words stay text, variables render as chips (task.description, task.status). Click a chip to swap the value, or type { to insert one.
Edit content without code: text fields in Draftbit showing variables like task.description and task.status as chips.

ALT Edit content without code: text fields in Draftbit showing variables like task.description and task.status as chips.

1
31
Three visual-editing details from Draftbit's latest update 🧵 1/ Drag onto the canvas. Pull a component straight onto the preview. The screen makes room as you move, so you see where it lands before you let go.
Build right on the canvas: a component being dragged onto a Draftbit app preview.

ALT Build right on the canvas: a component being dragged onto a Draftbit app preview.

1
135
You can now connect an existing app from GitHub to Draftbit, and Draftbit works directly in your repo, not a copy. → Connect repo → Draftbit GitHub App (no token to renew) or a fine-grained access token → Pick branch + app folder; the picker lists every folder with a package.json, so monorepos work (e.g. apps/mobile) → Your files stay as they are: nothing to migrate, chat + code editing + preview right away → Saving commits to your branch. Teammate pushed? Sync pulls their commits first Works on every plan.
1
144
New in Draftbit: publish any saved version of your app. The Publishing page now has a Versions tab that lists every saved version. → Pick one, hit "Publish this version", and ship it to iOS, Android or Web → Versions you've already published show badges for platform, version number and result → App stores still need a higher version number, and Draftbit fills it in for you → Builds use your current environment variables, so a very old version may need updates before it builds API, CMS and Supabase backends always publish their latest version. Shipped something you want back? Re-ship the version that worked.
Ship any version you've saved. The Draftbit Publishing page's Versions tab lists saved versions with published badges (iOS 1.4.0, Android 1.4.0, Web), and a Publish this version menu offering Web, iOS and Android.

ALT Ship any version you've saved. The Draftbit Publishing page's Versions tab lists saved versions with published badges (iOS 1.4.0, Android 1.4.0, Web), and a Publish this version menu offering Web, iOS and Android.

2
1
2
171
If your team's app takes payments through the Stripe MCP in Draftbit, there's one change to make before October 31. From that date, Stripe's MCP will only accept OAuth or Stripe Agent keys. Connections that still use a standard API key will stop working. The fix is small: open the Stripe connection in Draftbit and choose Sign in with OAuth, or paste an Agent key. RevenueCat connections can use OAuth now as well. If you manage several client apps, it's worth checking each project's connection this week rather than finding out from a failed checkout. How do you keep track of third-party credential changes across projects?
Stripe MCP: switch to OAuth before October 31. Standard API key connections stop working. The fix: open your Stripe connection and sign in with OAuth, or paste an Agent key. RevenueCat connections can now use OAuth too.

ALT Stripe MCP: switch to OAuth before October 31. Standard API key connections stop working. The fix: open your Stripe connection and sign in with OAuth, or paste an Agent key. RevenueCat connections can now use OAuth too.

2
1
118
Part 1 of the series: youtube.com/watch?v=4kUGARk5…

Draftbit's New AI App Builder: E-Commerce App Tutorial, Part 1

Welcome to a brand new series where we build a full e-commerce app ...

youtube.com
61
From one prompt to a 5-screen e-commerce app in Draftbit: → Pick the agent + model (Codex, Claude Code, …) → Prompt: Home, Product Detail, Cart, Checkout, Profile → Start from the Ecommerce template → Onboarding wires up a Supabase backend → Missing images/icons? One follow-up prompt fixes them → Save, then check the commit history Full 9-min walkthrough 👇
1
1
169
Solo founder. No engineering team. A production-ready food delivery app. Rajesh built ZingoEats with Draftbit. What made the difference for him: → API integrations handled inside the platform → Granular control over the design → Custom code + API documentation: "once I mastered those, my development speed doubled"
1
3
145
Idea → MVP, faster than expected. Arnaud wanted an app for discovering fun things to do in Marseille. The hard part: getting from concept to prototype. With Draftbit he built the MVP "much faster than I expected."
2
2
216
Shipped in Draftbit lately: the small stuff that saves you time 🧵
Shipped lately in Draftbit: Supabase auth hooks and multi-file edge functions; a committed .env fills in Build Config on import; attach 10 files per AI chat message; no preview reloads on Back/Forward; Version History says what changed; Stripe MCP users switch to OAuth before October 31.

ALT Shipped lately in Draftbit: Supabase auth hooks and multi-file edge functions; a committed .env fills in Build Config on import; attach 10 files per AI chat message; no preview reloads on Back/Forward; Version History says what changed; Stripe MCP users switch to OAuth before October 31.

1
1
153
Visual editing in Draftbit got a big upgrade, and every change still lands in your actual code. Plus three new AI models. 🧵
1
155
New Draftbit drop, as sung by our Release Cat. 🎤🐱 🔗 Connect repo: Draftbit works directly in your own GitHub repo — saving commits to the branch you choose 💾 Backups: your app's code, backed up daily when it changes (or hit "Back up now") ⏪ Publish any saved version again to Web, iOS or Android 👀 Skills: coming soon
🤖 Made with AI
1
1
231
A Hono API backend in Draftbit, start to finish: → New app → API Backend (Hono) → Database: managed Supabase, Cloudflare D1, or external Postgres → The builder reads your OpenAPI doc and turns the canvas into an API console → Pre-filled path, query, headers and body → Send → JSON response → Copy as cURL, plus request logs and generated API docs Release notes: draftbit.com/whats-new/proje…
1
206
New in Draftbit: automatic app backups. → Draftbit checks your app once a day and backs it up only if the code changed, so no duplicate copies → Need a copy right now? "Back up now" works even mid-edit → Every backup is a downloadable zip of your source code, one per branch → Restore by importing the zip as a new app (your original stays untouched) Your latest backup is always kept while your plan includes backups.
Your app's code, backed up daily. Screenshot of the Draftbit Backups page with a manual and a scheduled backup, each downloadable as a zip per branch.

ALT Your app's code, backed up daily. Screenshot of the Draftbit Backups page with a manual and a scheduled backup, each downloadable as a zip per branch.

1
1
1
196
New in Draftbit: Connect repo. Your GitHub repository stays the source of truth. Draftbit works right inside it: → Saving in the builder commits straight to the branch you choose → No migration, and Draftbit doesn't rewrite your project to fit its conventions → Monorepo? Point it at a folder like apps/mobile → Someone pushed to main outside Draftbit? Hit Sync and keep going → Connect with the Draftbit GitHub App, or a fine-grained token if you prefer You still get chat, code edits and a live preview. Import copies your code into Draftbit. Connect repo keeps it where it already lives.
Your repo stays the source of truth. Draftbit project page with Connect repo, Import app and Add app buttons, next to the Connect your GitHub repository dialog offering GitHub App or access token.

ALT Your repo stays the source of truth. Draftbit project page with Connect repo, Import app and Add app buttons, next to the Connect your GitHub repository dialog offering GitHub App or access token.

Connect repo access token form: repository address, app folder (e.g. apps/mobile), main branch and a fine-grained access token with Contents read and write permission.

ALT Connect repo access token form: repository address, app folder (e.g. apps/mobile), main branch and a fine-grained access token with Contents read and write permission.

1
1
2
205
Draftbit builds backends now, too. 🔌 Pick an API Backend (Hono), choose your database — managed Supabase, Cloudflare D1, or your own Postgres — and let the agent build it. There's no UI to preview, so the builder swaps the canvas for an API console: → reads your OpenAPI doc and lists every endpoint → pre-fills path, query, header and body → sends the request with your dev key → Copy as cURL → request logs + generated API docs, right alongside
Draftbit new-app screen: API Backend (Hono) selected, with database options None, Supabase, D1 and External Postgres.

ALT Draftbit new-app screen: API Backend (Hono) selected, with database options None, Supabase, D1 and External Postgres.

Draftbit API console for a Hono todos API: endpoint list from the OpenAPI doc, a GET /api/todos request with a 200 JSON response, Copy as cURL and request logs.

ALT Draftbit API console for a Hono todos API: endpoint list from the OpenAPI doc, a GET /api/todos request with a 200 JSON response, Copy as cURL and request logs.

1
262
Claude Opus 5.5 and GPT-6 Sol are now live in Draftbit — the new defaults for Claude Code and Codex. 🚀 ⚡ Opus 5.5: 40% cheaper to run and 30%+ faster than Opus 5 (savings vary by task) 🎯 GPT-6 Sol: about half the factual mistakes of GPT-5.6 Sol 💸 GPT-6 Luna: beats GPT-5.6 Sol for a tenth of the cost Which one are you trying first?
1
191
Load more