Features

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

Learn more about our features

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; } }

Reveal animations

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

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; } }

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.

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.

See all features

Join 100,000+ Bravistas today

Turn your Figma designs into powerful, design-first mobile apps

Get started free Request demo