Code is at our core.

If you’re building real software, you’ll eventually need to work in code. When you start with other platforms, that means quitting and starting over – but with Draftbit, you just keep going.

That’s because, when you build on Draftbit, you’re creating production-ready source code at every step. And that code is based on open-source frameworks and libraries, so you’re never trapped.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
{
 "private": true,
 "main": "node_modules/expo/AppEntry.js",
 "scripts": {
   "start": "expo start",
   "android": "expo start --android",
   "ios": "expo start --ios",
   "web": "expo start --web",
   "eject": "expo eject",
   "format": "prettier --config ./package.json --write './**/*.{js,css,json}'"
 },
 "dependencies": {
   "expo": "^34.0.0",
   "expo-asset": "^6.0.0",
   "expo-font": "^6.0.0",
   "react": "16.8.3",
   "react-dom": "^16.8.6",
   "react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz",
   "react-native-web": "^0.11.4",
   "react-native-gesture-handler": "^1.3.0",
   "react-native-reanimated": "^1.1.0",
   "@draftbit/ui": ">=2.32.1",
   "react-native-typography": "1.4.0",
   "react-navigation": "3.11.0",
   "react-request": "^3.1.2",
   "react-native-webview": "7.0.5",
   "prettier": "1.17.0"
 },
 "prettier": {
   "bracketSpacing": true,
   "singleQuote": false,
   "semi": false,
   "useTabs": false,
   "printWidth": 100,
   "arrowParens": "avoid",
   "trailingComma": "none",
   "jsxBracketSameLine": true
 }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
{
 "private": true,
 "main": "node_modules/expo/AppEntry.js",
 "scripts": {
   "start": "expo start",
   "android": "expo start --android",
   "ios": "expo start --ios",
   "web": "expo start --web",
   "eject": "expo eject",
   "format": "prettier --config ./package.json --write './**/*.{js,css,json}'"
 },
 "dependencies": {
   "expo": "^34.0.0",
   "expo-asset": "^6.0.0",
   "expo-font": "^6.0.0",
   "react": "16.8.3",
   "react-dom": "^16.8.6",
   "react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz",
   "react-native-web": "^0.11.4",
   "react-native-gesture-handler": "^1.3.0",
   "react-native-reanimated": "^1.1.0",
   "@draftbit/ui": ">=2.32.1",
   "react-native-typography": "1.4.0",
   "react-navigation": "3.11.0",
   "react-request": "^3.1.2",
   "react-native-webview": "7.0.5",
   "prettier": "1.17.0"
 },
 "prettier": {
   "bracketSpacing": true,
   "singleQuote": false,
   "semi": false,
   "useTabs": false,
   "printWidth": 100,
   "arrowParens": "avoid",
   "trailingComma": "none",
   "jsxBracketSameLine": true
 }
}
Add
Layers
Screens
Themes
Navigation
Assets
Settings
Profile
New App
Navigation
ScreenContainer
Container
View
Image
Image
Publish
Live Preview
Scan the QR code with your device.
Close
Restart Session
Need the live preview app?
Download expo for iOS or Android to connect, or enter your email / phone and we'll send you a link.
Email or phone number
Export.zip

Built on React Native

The most powerful cross-platform development framework used by millions of developers.

Powered by Expo

Build for native iOS, Android, and web from the same codebase.

Open Source

Your entire project is based on open-sourced libraries and languages.

No Lock-In

Your project doesn't require a perpetual Draftbit license to run.

Based on React Native and Expo

The most powerful cross-platform development framework used by millions of developers.

Infinitely Extendable

Add custom code, logic, and libraries to go beyond the platform.

No Lock-In

View and export your code at any time.

Build without borders.

Your customers and your team rely on you to build solutions that are both great and unique. And solving hard problems requires powerful tools, which is why we're building Draftbit to be the most powerful visual development tool available.

Because you can't afford to be limited by guardrails.

Today
Progress
112 5th Ave
Directions ›
Add Notes
 
Tasks
Projects
Messages
Receipts
$1,200 USD
Month-to-Date
Business Cards
Office Supplies
$100 USD
Dorsia
Client Lunch
$1,100 USD
Add New Receipt
+
West Coast Villa
San Diego, CA
Amenities
Free parking on premises
P
Wifi
W
5 nights
Reserve

Transcend the Template

We love templates and examples for making it easy to get started. Because we separate form from function with real code, you can go beyond them to turn templates into something truly yours.

Full Customization

Advanced properties, themes, and configs that let you change anything a developer can.

All the Data

Connect any REST API to display whatever data you want, while keeping it safely under your control.

Actually work together

We're a team of makers from many disciplines: designers, developers, PMs, marketers, and entrepreneurs — and we built Draftbit to enable teams like ours to actually work together.

So skip the handoffs, the specs, and the project plans and start building collaboratively:

Designers

Ditch your specs, roll up your sleeves, and turn your designs into a pixel-perfect reality.

Content Creators

Stop waiting, start creating. Dive in and update the copy, assets, and styles directly.

PMs and Marketers

Test your ideas quickly, update the assets and copy, and run experiments to improve performance.

Developers

Forget the pixel-pushing. With Draftbit, you can focus on logic, state, and the back-end while the rest of your team contributes alongside you – all while preserving code quality, security, and maintainability.

One platform, one codebase, many destinations.

Building apps used to require a team of developers for each customer experience.
But with Draftbit, you can design and build once, and then deploy to multiple endpoints.

App.js
JavaScript source
App.json
JSON file
AppNavigator.js
JavaScript source
Assets
Folder
Config
Folder
Fonts.js
JavaScript source
Images.js
JavaScript source
Themes.js
JavaScript source
Package.json
JSON file
README.md
Markdown doc
Screens
Folder
Utilities
Folder
https://rentbit.app
Search Listings
Place
Room
3 bedrooms · 3 beds · 2 baths

iOS and Android

Apple App Store, Testflight, and Google Play Store.

On the Web

With PWAs, you can access your apps directly in your browser.

Code

Full React Native & Expo source exports.

Go from idea to app store in days.