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

Related tags

React Native Apps react-native nextjs nativebase expo
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

Keybase 8.3k Jan 6, 2023
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.

null 560 Jan 6, 2023
Keyboardview Component component.
Keyboardview Component component.

Keyboardview Component Technologies | How to run | License πŸ“‹ Description Keyboardview Component component made with react native and Expo. πŸ–Ό GIFs ✨

Natanael 2 Dec 25, 2021
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

Kartikey Vaish 20 Dec 26, 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

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

null 50 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 πŸ–₯

iGravity Studios 137 Nov 24, 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

Jake Lin 22 Jun 7, 2022
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.
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.

ReactTube-Youtube-clone-in-React-Native ReactTube is a Video social networking frontend UI, created in React Native, and can be used in youtube clone,

Anwer Solangi 18 Dec 8, 2022
Owner
Usman Sabuwala (Max Programming)
Student, Programmer, Youtuber. Learning Web Development
Usman Sabuwala (Max Programming)
GitHub
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 24 Dec 12, 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.

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
🧭 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 22 Dec 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 952 Dec 30, 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 273 Jan 6, 2023
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 140 Dec 30, 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