Draftbit is a platform that allows both developers and non-developers to build apps with ease. It offers low-level components called Bits and higher-order components called Blocks for building anything from scratch. Users can also add custom code, create their own design system with themes and fonts, and connect their app to external data sources. Draftbit provides features for navigation, actions and interactions, state management, and API integration. It generates live source code, allows for full source code download, and offers preview and publishing capabilities. Collaboration, version control, and enterprise distribution options are also available. Resources and tutorials are provided for learning and support.
Draftbit
When you make changes in Draftbit, you aren't just building your app, but you're building your source code too. That's why both developers and non-developers love Draftbit.
Welcome
Login
Messages
Contacts
Groups
Inbox
Schedule
Tasks List
Now Playing
Gallery
Article View
Feed
List
People Feed
Products List
Profile
Homepage
Order Details
Store View
Splash Screen
Contact
Design
Navigate
Preview
Title
Now Playing
Progress
Popular
See All
0
+
Add to Cart
Hello!
A
Task #1
Task #2
Profile
First, Last
Edit
Title
Now Playing
›
Progress
Popular
See All
0
+
Add to Cart
Hello!
A
Task #1
Task #2
Profile
First, Last
Edit
Screen
Layout
Direction
Flex
Content
Wrap
none
wrap
reverse
Size
auto
auto
auto
20px
20px
auto
auto
auto
Size
Today
New Task
Progress
Scaffold Repairs
Urgent
Edit
Maintenance Log
Close
Add Notes
Icon
View
Text
Image
Map
Video
Avatar
Divider
Container
Icon
View
Text
Image
Map
Video
Avatar
Divider
Blur View
Container
Carousel
Fields
Buttons
Progress
Cards
List
Query
Checkbox
Touchable
Switch
Slider
Carousel
Fields
Buttons
Progress
Cards
Build anything.
Bits
Low-level components that let you build anything from scratch.
Blocks
Higher order components to help you move fast.
Add Custom Code
Inject custom source code into any screen in your app.
Create your design system.
Themes
Customize the look-and-feel of your app.
Fonts and Icons
Low-level control of every detail of your app.
Saved Components
Build your own blocks, then save them for reuse throughout your app.
Aa
Connect it up.
Navigation
Build complex navigators, including tabs and stacks of screens.
Actions and Interactions
Attach interactions to any component in your app.
State Management
Control the appearance of your app with logic or external data.
Navigation
Project Log
Today
New Task
Progress
Maintenance Log
Close
Pipe Installation
Phase 2
been prepared for Phase 3.
Submit for Approval
+
Hide Fields
Filter
Group
Project Details
Attachment(s)
Status
3/10/2020
Access APIs Directly
Interact with any external data source connected via REST API.
Add Integrations
Connect your app directly to third-party platforms with supported custom integrations.
New App
Screens (8)
Listings
Places
Rooms
Settings
Login
Components
Screen
ScrollView
Container
Text
Container
Container
Search Bar
View
Filter Button
Filter Button
View
Listing Card
Preview Image
Container
Text
Fetch
Text
West Coast Villa
San Diego, CA
Amenities
Reserve
Search Listings
Search
Place
Room
Skyline Lofts
Chicago, IL
2 bedrooms · 2 beds · 1 bath
3 bedrooms · 3 beds · 2 baths
Publish
Commit
Screen
Layout
Flex Items
Direction
Align
Justify
Selected Item
Flex
Advanced →
Content
Wrap
none
wrap
reverse
Background
Size
auto
auto
auto
20px
20px
auto
auto
auto
Size
Instant Screen Code
Source code generates live as you build. Copy it to the clipboard with a mouse click.
Full Source Code Download
Export your entire build as one clean, repo-ready package.
Completely Open Source
All source code is based on open-sourced libraries and languages.
Preview As-You-Go
Pixel-perfect renders on your mobile device using Live Preview.
Publish Quickly
Deploy a draft build to the web in moments.
Share Easily
Get a private landing page for your project that you can share with anyone.
Share Project
Update your draft, read-only version with your latest work.
https://build.draftbit.com/share/...
Close
Update Share Link
Collaborate with others.
Invite Your Team
Add collaborators to your workspaces to build together.
Freelancer & Agency Support
Unlimited workspaces and unlimited collaboration for one fixed price.
Calendar
Clock
Settings
Camera
App Store
Activity
Photos
Facetime
Reminders
Stocks
Find My
Maps
Expo
Publish Multiple Versions
With version control and Draft apps.
App Store Binaries
Compile your app's source code into APK & IPA and you're ready for the App Stores or Test Flight.
Enterprise Distribution
Custom binaries and managed distribution for Enterprises.
Custom Domains
Publish your PWA to your own domain.
Community & Resources
Connect with experts, get help, showcase your progress, and stay informed.
Starter Guides Everything you need to get started learning the basics quickly.
Tutorials A variety of tutorials that will help you build in Draftbit.
Start building your app today.
Skip the engineering hassle and go from idea to app store in days.