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

Last update: Jul 27, 2022

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

GitHub

https://github.com/max-programming/nativebase-builder-next
You might also like...

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

Jul 1, 2022

An Expo config plugin for painless setup of `react-native-firebase`, without touching native code.

Expo with-react-native-firebase An Expo config plugin for paineless setup of react-native-firebase, without touching any native code! You can learn mo

May 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

Jul 29, 2022

🍰 A beautiful React mobile UI library.

🍰 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

Sep 14, 2021

Roxie - Connect your music library to the devices around you.

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

Feb 14, 2022

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

Aug 8, 2022

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.

Jul 31, 2022

Instagram Reels component for React Native Expo apps

Instagram Reels component for React Native Expo apps

Expo Instagram Reels It provides a component that allows you to display a list of reels similar to the Instagram app. Features List of videos Seekable

Jul 28, 2022

Cards Cheap Animated Gesture component animated made with react native, Expo and Reanimated v2

Cards Cheap Animated Gesture component animated made with react native, Expo and Reanimated v2

Cards Cheap Animated Gesture Technologies | How to run | License πŸ“‹ Description Cards Cheap Animated Gesture component animated made with react native

Aug 3, 2022
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

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

May 17, 2022
πŸ“²πŸ’¬ 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.

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

Dec 3, 2021
An accessibility first component library and development environment for React Native.
 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

May 2, 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

Jul 26, 2022
πŸ”’ The fastest Big Number library for React Native
πŸ”’ 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

Aug 6, 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

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

Jun 23, 2022
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

Feb 14, 2022
🦁 πŸƒ πŸ“± 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 ??

Jul 25, 2022
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

Jun 7, 2022