Features

With over 100 features to choose from, Bravo can help you build the app you always dreamed of creating.

Design & Style

Components

Actions

Advanced

Publication

In-app purchases

Design & Style

Components

Actions

Advanced

Publication

In-app purchases

Design & Style

Discover our extensive collection of visual elements that will make your app stand out.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Menu

Choose between tab, sliding or modal menu style for your app.

Sliders

Horizontal sliding items with auto sliding or manual.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Top bars

Fully customize your app top bar.

Modal pages

Add a screen that slides in from the bottom. i.g. informing your users about the latest news.

Pop up pages

Advertise new products or services.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Intro pages

Inform and educate new users how your app works.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Transitions

Fully customize your app top bar.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Reveal animations

Choose how your app pages appear as your users navigate your app.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Sticky layer items

Add sticky buttons that will always be visible to your users like help, feedback or survey buttons.

See all features

Components

Whether you are building a quick MVP to test your app idea or a complex and powerful app for your company, we have got all the components you will ever need.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Video background

An audio-less video that autoplays when a user is on an app screen.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

GIFs

Add Animated GIFs to your design.

Lottie files

Add animated LottieFiles with the LottiFiles Figma plugin.

Webview

Wrap web pages (URLs) into your app.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Flexible text

When loading text from external databases, Bravo will automatically resize your text container.

Charts

Use charts to represent quantified data from your database.

Maps & share location

Add maps with customized markers and use your users device GPS location to display personalized results.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Forms

Use forms to collect quantitative data, as well as image sand video content.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Audio & video

Enable your users to play video and audio files.

See all features

Actions

Ensure that your app serves its purpose by adding all the functionalities your users need.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Remote actions

This allows a UI element to trigger an API request as an action.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Open phone dialog

Open the native phone dialog with the specified phone number.

Download files

Enable app users to download files like images, videos & PDFs to their phones.

Scan QR

Open the phone camera to allow users to scan a QR code and open the link in their web browser.

Search & filter

Enable users to search and filter items from a list on the same page.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Open URL

Direct users to web pages by opening the device browser.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Share dialog

Add a design element that will open the native share dialog to share a specific URL.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Email dialog

Add a design element that will open the native "compose an email" dialog with the specified email address as the "To:" address.

See all features

Advanced

Level up your users' experience by enabling some of our most powerful features.

Login (Firebase)

Add a login page to your app and use Firebase as the user management service.

Payments (Stripe)

Accept direct payments in your app with Stripe.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

OAuth

Create apps that will communicate with third-party services to exchange user information.

Push notifications

Engage more with your users by communicating updates, promotions or other news via native push notifications.

Custom loading page

Customize how to communicate that data is loading.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

APIs & external data sources

Connect your app to custom databases or third-party tools via REST APIs.

See all features

Publication

Choose how you’d like to distribute your app.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

iOS App Store

Request your apps IPA file and publish your app on app Store.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Android Google Play Store

Request your AAB file and publish your app on Google Play Store. You can also request APK and install directly on Android devices.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Bravo Vision

Easily share your app with friends, team mates or potential users to show your work or get feedback before publishing on app stores.

See all features

In-app purchases

Thanks to our integration with RevenueCat, you can now create innovative apps with subscriptions for digital products and services, and ultimately, start getting revenue from your users!
Currently available on our Business App upgrade and Support Package.

See all features

Join 100,000+ Bravistas today

Build, test, and iterate complex no-code mobile apps fast
without writing a single line of code.

Start free trial

Start Bravorizing today

Fastly test or launch powerful and beautiful apps.
No code. Yes Design.

Get started for free

From Design to iOS & Android app.

Bravo Vision iOS

Bravo Vision Android