NativeBase Builder is a visual editor for the best component library for React Native

Overview

NativeBase Builder

Visual Editor for NativeBase

NativeBase Builder is a visual editor for the best component library for React Native: NativeBase 🤗 .

It was built at the NativeBase + iNeuron Hackathon

Features

  • Dragging and dropping of NativeBase Components
  • Mobile View Frame to visualise like mobile
  • Code exporting in .jsx and .tsx
  • Copy the code feature

Tech Stack

  • React.js
  • Next.js
  • TypeScript
  • NativeBase
  • Prettier

Run Locally

Clone the project

git clone https://github.com/max-programming/nativebase-builder-next.git

Go to the project directory

cd nativebase-builder-next

Install dependencies

npm install

Start the server

npm run dev

Feedback

If you have any feedback, please reach out to us at the issues panel

Contributing

Contributions are always welcome!

License

MIT

Authors

You might also like...
Keybase Go Library, Client, Service, OS X, iOS, Android, Electron
Keybase Go Library, Client, Service, OS X, iOS, Android, Electron

Keybase Hi, and welcome to the Keybase client repo. All our client apps (macOS, Windows, Linux, iOS, and Android) are being actively developed in this

PyTorch Live is an easy to use library of tools for creating on-device ML demos on Android and iOS. With Live, you can build a working mobile app ML demo in minutes.
PyTorch Live is an easy to use library of tools for creating on-device ML demos on Android and iOS. With Live, you can build a working mobile app ML demo in minutes.

Build your AI-powered mobile apps in minutes: Get Started · Tutorials · API PyTorch Live is a set of tools to build AI-powered experiences for mobile.

A react-native-drawer implemented example and scaffolding for react-native-router-flux.
A react-native-drawer implemented example and scaffolding for react-native-router-flux.

Deprecated - This repo uses obsolete versions of react-native-router-flux and react-native-drawer. I update the repo for now. But I may not update on

🦁 🃏 📱 An animal matching puzzle card game– built with turn-based game engine boardgame.io and React-Native + React-Native-Web
🦁 🃏 📱 An animal matching puzzle card game– built with turn-based game engine boardgame.io and React-Native + React-Native-Web

Matchimals.fun an animal matching puzzle card game 🦁 🃏 🍎 Download for iOS from the App Store 🤖 Download for Android from the Google Play Store 🖥

A weather app developed in React Native. It is the React Native version of SwiftWeather.
A weather app developed in React Native. It is the React Native version of SwiftWeather.

ReactNativeWeather A weather app developed in React Native. It is the React Native version of SwiftWeather How to run the app Install react-native If

ReactTube is a Video social networking frontend UI, created in React Native, and can be used in youtube clone, dailymotion clone and all other social video networking platform. The UI is built with pure react native components and reusable components. 🕑 React Native customisable clocks built with @shopify/react-native-skia.
🕑 React Native customisable clocks built with @shopify/react-native-skia.

React Native Clocks 🕑 React Native customisable clocks built with @shopify/react-native-skia Installation yarn add react-native-clocks yarn add @shop

Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.
Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.

Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.

A simply readable Hacker News app for iOS & Android, built with React Native. V2 now over here https://github.com/cheeaun/hackerweb-native-2
A simply readable Hacker News app for iOS & Android, built with React Native. V2 now over here https://github.com/cheeaun/hackerweb-native-2

HackerWeb A simply readable Hacker News app for iOS and Android. Read about the story here: Building HackerWeb for iOS. Preview iOS Android Developmen

Owner
Usman Sabuwala (Max Programming)
Student, Programmer, Youtuber. Learning Web Development
Usman Sabuwala (Max Programming)
📲💬 react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

???? react-native-fontext is a lightweight library to integrate fonts in your React Native application that works seamlessly in android and iOS devices.

mroads 9 Dec 3, 2021
Ecoleta Application using React Native, Expo, TypeScript, react-native-maps, react-native-picker-select, react-native-svg

Ecoleta Application using React Native, Expo, TypeScript, react-native-maps, react-native-picker-select, react-native-svg, @react-navigation/native, @react-navigation/stack, expo-constants, expo-font, expo-location and expo-mail-composer consuming the features of the Node.js - Ecoleta API

Osvaldo Kalvaitir Filho 7 Oct 28, 2022
An accessibility first component library and development environment for React Native.

acrn-rn An accessibility first component library and development environment for React Native. Features Customizable accessibility presets for indiviu

OSLabs Beta 25 Sep 30, 2022
🧭 Navio - navigation library for React Native (Expo). Build the app's layout in one place and use benefits of types predictibility. Built on top of React Navigation.

?? Navio - navigation library for React Native (Expo). Build the app's layout in one place and use benefits of types predictibility. Built on top of React Navigation.

Batyr 20 Nov 14, 2022
React Native library for Stripe.

Stripe React Native SDK The Stripe React Native SDK allows you to build delightful payment experiences in your native Android and iOS apps using React

Stripe 931 Nov 16, 2022
🔢 The fastest Big Number library for React Native

?? react-native-bignumber The fastest Big Number library for React Native. ??️ Up to 300x faster than all other solutions ⚡️ Lightning fast implementa

Margelo 270 Nov 18, 2022
Lary - A utility-first style library for React Native on top of Dripsy

Lary A utility-first style library for React Native on top of Dripsy. If you are too lazy, use lary ;) Read the doc ;) const Title = laryfy < React.Co

null 21 Nov 9, 2022
A React library that generates beautiful previews for your links.

React Link Preview A React component that renders beautiful, fully-customizable link previews. Demo How to use Install the package: yarn add @dhaiwat1

Dhaiwat Pandya 131 Nov 14, 2022
🍰 A beautiful React mobile UI library.

SyneUI is a simple and customizable component library to build faster, beautiful, and more accessible React mobile applications. Status ?? In developm

是你吖小刘 6 Sep 14, 2021
Roxie - Connect your music library to the devices around you.

react-native-roxie Connect your music library to the devices around you. Purpose Because it's not enough to just listen to your music, you need to exp

null 35 Feb 14, 2022