React Native, visualized.

Build, customize, and export production-grade React Native source code with one powerful platform.

Heading 2

Paragraph Large

React Native visual development interface for Draftbit (2021)

Build

Start with examples, or build with low-level React Native primitives.

github icon small
draftbit/UI

Customize

Fine-tune every detail with advanced properties, themes, and custom code.

Connect

Add actions, interactions, and navigation with the latest React Navigation SDK.

Foundations

Code is at our core.

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.

Exported code with Draftbit's visual development engine is 100% based on open-source languages and libraries. It uses React Native and Expo under the hood.
Go Beyond the WYSIWYG

BYO Source Code.

Functions

Create custom logic and functionality with React Hooks and functions.

Components

Build or inject custom components with custom code.

Packages

Import NPM packages to use in your custom components.

With Draftbit's React Native visual development platform, you can inject your own functions and React Hooks, custom components, or NPM packages.
On our very first project we saved hundreds of hours of engineering time — the value of Draftbit cannot be overstated.
Javier Otero
CEO and Founder, Futurehaus
profile photo Javier Otero Futurehaus
Javier Otero
CEO and Founder, Futurehaus

Now in open beta!