🕺
What's new
Be sure to not miss out on new features and improvements! 🚀
- ✨GraphQL Body Type → Enable using GraphQL as a body type on your API requests.
- 🔌 Baserow API wizard→ Get all your API requests in Bravo from your Baserow databases.
- ✅ JSON validator in API Collection → Get a better experience while binding your API collection and adding a request that needs JSON.
.png?alt=media&token=2a4aa556-b483-42b4-993d-afa2bd476347)
This year, we’re giving our new Business users the gift of knowledge. Upgrade to Business App during this festive period and you’ll get exclusive access to our Business Starter Pack, brought to you by our very own 3 wise men!
We are thrilled to release a highly anticipated feature: Page tabs. Now you can toggle content inside a page without needing to replicate screens. Page tabs can be used either as an extra navigational hierarchy that complements the main bottom menu or you can also use it to navigate content with buttons inside a page.
Until now, we haven't been clear about the limits for importing files from Figma, and this is party due to the complexity of the import process. To try and clarify this, as well as to ensure our platform can scale, we have done analysis of how our platform is used and created some per-plan screen limits based on this research.
It is hard to find limits that work for everyone, but this approach allows us to increase the limit for apps with large number of screens which has been a frequently requested feature.
Plan | Publishable pages |
|---|---|
Free | 15 |
Olé | 30 |
Olé + Pro upgrade | 50 |
Business app | 100 |
Google Analytics allows you to track all the events in your apps, such as first time opens, screen views, sessions, and more. Upgrade your project to Business App to use this feature (which is still half price for Black Friday!)
We sat down with the creators of Voda App to learn about their app-building experience using Bravo’s Business App, Figma and Xano to create something amazing.
Could you introduce us to users who want to build an app for their business on Bravo? We're now offering a referral program, which rewards you with 15% of the revenue earned for the first year for every user that you introduce to our Business App upgrade. 🎉
Facebook App events allow you to track specific actions or events that occur on your app, such as a person installing your app or completing a purchase. Unlock this feature with our Business App upgrade.
We are thrilled to announce that today we’re releasing a new exciting feature for Bravo: Real-time chat. Thanks to our integration with CometChat, your app can have real-time group chats, 1:1 chats between admin and clients (e.g. support chat) and more. It’s time to make your app more social!
We have added more improvements to the debugger tool, and now you will be able to see and debug also each interaction with the Bravo platform that involves requests and params:
- Remote page
- Remote actions
- Form submissions
For each interaction, you will see the remote URL, response, method, and included parameters. Activate debug mode in Bravo Vision and see the requests in the debug stream from Bravo Studio.
We are delighted to announce the arrival of our latest app upgrade - the Bravo Business App!
For those of you wanting to build apps with subscriptions for digital products and services - this is the upgrade for you! After releasing an In-app purchase with our Support Package we are now bringing it to more people with the Business App plan. Not only will this unlock recurring revenue for you or your business, you’ll also be able to grow a loyal and engaged audience that won’t have to leave the app to make purchases.
This will reduce any signup or login friction 🚀
More releases:
We have launched our Bravo Studio 3.11 apps for work.
Features released:
✨ New Bravo Vision UI
Your app users can now log into your app using their Apple and Google accounts! We have added these to the existing Firebase Authentication options (email & password, login by phone, and anonymous login).
This will reduce any signup or login friction 🚀
You can now enable native swipe-to-delete functionality in your Bravo apps. When the user carries out the swipe gesture on an item, it is removed from the screen and the API request of your choice is triggered
We've introduced Anonymous Login as an authentication method for Firebase, which allows users to access your app without providing personal information such as an email address, username or password. Furthermore, you can restrict access to certain pages depending on whether the user is anonymous or not, so you can provide a great UX for the users that enter your app for the first time.
We have launched today’s most popular scrolling effect for your app! Swipe pages is a new Bravo tag that changes the usual page scroll to vertically or horizontally snapping one full screen at a time - also known as the TikTok scroll effect. Switch up the way you display your content feed to your users! 🤩
.png?alt=media&token=759bba7e-9f88-4905-98e2-d67dc9b42966)
Allow app users to login into the apps using their phone number! You can use Firebase Authentication to sign in to a user by sending an SMS message to the user's phone. The user signs in using a one-time code contained in the SMS message. This is a great way to reduce signup and login friction 🚀
We have made it easier to solve API issues encountered while previewing your app in Bravo Vision. Now you can enable debugging and understanding of what is happening and where the problem is. The new debug event stream will show you not only the exact request information including URL params, response code, and body but useful information related to binding and more.
If you subscribe to the Olé plan, you’ll be able to upgrade any of your apps to PRO. PRO apps got the Bravo branding removed and the versioning feature, ****to test new features or designs before pushing them to your live app. You can have as many Pro apps as you need.
Upgrading any of your apps to PRO app will cost €19 per app/month.
Easily Guide your app users to complete the forms on your app! Create a Form and add an input to be required, that way your app users will not miss any mandatory information to fill in before sending the form!
Improve the onboarding experience of your app! Add a page that will be displayed after the login or register action and before the home screen. It can be shown only once or always. Some examples of what you can do:
- Show a form to complete the user’s profile after signing up
- Show a page to ask for notification permissions
- Show a one-time welcome screen
We have made it easier for you to share your apps! Instead of sharing your app by individual emails, now you can do it with a deep link that allows anyone to open your app directly in Bravo Vision. If they don’t have Bravo Vision installed they will be able to download it first✨.
Check out this new option on the share button of your app in Bravo Studio
Now Bravo supports multiple languages! 🔥
You can translate your static texts to as many languages as you want, manually or via Google Cloud Translation. Your app will detect the language of the device and show the matching translation automatically.
.png?alt=media&token=7aa2e2bd-60f0-413b-84c7-5e41dbdeb856)
Now you can download your app builds and Android Keystore files inside the Publication section in Bravo (History tab). You'll still receive these assets by email as before.
We have added more options regarding Bravo account management. Now, you'll be able to add secondary login accounts, besides your primary login (the account you registered with). This will be useful in case you lose access to your primary login, or you need alternative methods to log in.
Now, you can add a video input in your forms. This will allow the app users to record a video from their phone camera and upload it. Also, they'll have the option to upload a video from their gallery.
Checkboxes will allow your app users to set options as true or false depending on whether the user checked the component or not. This new component works just as the Like button but instead of triggering a remote action on pressing, it binds its value to the form submission. The fun part is that you can design the component as you want. 🤯
Engage your users with your app by giving them the ability to like or favourite specific content! You can design your own UI components with default & active states. When the user taps the component, the state changes, and a remote action is triggered. Unlock the potential!
We have improved the Android app publication process, adding the option to create your own Keystore file directly on Bravo Studio! 🎉 Now you won't have to install Android Studio nor use the terminal on macOS in order to own the Keystore file in case in the future you want to develop the same app independently from Bravo.
Visualize your API data with pie or bar chart. With this component, you can create data visualizations inside your apps with dynamic data retrieved from your backend.
If your backend doesn't connect with OAuth 2.0 or Firebase, such as Xano and Bubble, now you can create an authentication flow for your apps using any backend tool of your choice - even a custom one.
👀 Conditional visibility
Add visibility conditions to an element based on parameters. With the visibility property, you can control which UI elements you want to show in the app, based on the API data. You could choose to hide certain elements within a list upon certain conditions, or display some UI elements only to specific users, among other cases. Manage what your app users will see!
🔥Sample apps new UI
We have improved the user experience of the Sample apps section with a new UI. Now you can see a preview of the app and check its functionalities before duplicating it.
🔽 Selector input in Forms
Now you can add selector inputs to the native forms! Allow your app users to select from a list of options when filling out a form.
👦 Children app setting for Android build
Comply with the child-directed service policy on Android when your app is targeted for children up to 12 years old.
🔍Zoomable images
Now your app users can zoom in on the images in your app! Just add this new Bravo tag to your image layer.
🤓Connect multiple API requests per app screen
Now your app users can zoom in on the images in your app! Just add this new Bravo tag to your image layer.
👨🏻💻 How to bravorize your design file
Setting up your design file ("bravorizing" it) is the first and one of the most important steps to creating a pixel-perfect app in Bravo. In this video, learn how to take an existing design file and make it ready to be connected to your Bravo app project.
🔥 Discover the next level of Bravo Studio 3.0
We're so excited to launch a whole set of new features. Now more than ever, you can build beautiful and complex native mobile apps
Highlights of this release
➕ Lots of other improvements and extensions
Find out more on our website and Product Hunt page. As part of this special launch, we have a promo code to upgrade your plan, go check it out! 🎉
📚 Bravo Studio Help Center has moved
As of today, our help center has a new home! We have been working the past months to migrate our help center to a new platform for improved navigation and search.
What has changed?
- The hosting platform to Gitbook.
What has not changed?
- The content. Documentation and tutorials are exactly as before, plus more!
- The overall structure, but now easier to browse and search nested articles.
We will continue to add new docs, guides, tutorials for all that you need to learn and use Bravo. Bookmark it!
🔗Connect to Notion API
The wonderful world of APIs! Since Notion has released their API, you can build an app in Bravo connected to your Notion documents. Here is our tutorial on how to create a video content app from a Notion table.
💡 Bravo Tips: Bravo Vision previewer
Are you using Bravo Vision correctly? Learn how to use the Bravo Vision previewer app like a pro so you can build your apps with maximum potential!
🔁 Versioning
Now you can update your app design, add a new feature, and experiment with users in Bravo Vision. You have control over what's pushed to the live apps in App Store and Google Play.
👨🏻💻 Ultimate Guide to Mobile App Planning | Build it with Jonas
In this video, Jonas gives a rundown on the essential steps before starting your app: validating your app concept, how to structure your app infrastructure (Backend and how it works together with the rest), structure your app database, collaboration, app privacy, and maintenance.
🔁 Versioning
🤖 New publishable build format for Android
Starting from now, Google Play will require a different app package format for publication. Fear not! Bravo has automatically adapted the publication build to generate what's required for your app project. If you publishing an app for the first time, you will receive a build with the
.AAB extension.
🤓 New tutorials using remote action:
🎓 Using Bubble as a backend for Bravo
[Bravo Level: Advanced] There are a lot of Bubble apps out there, web-based apps. See how to build a native mobile application with Bravo Studio and connect Bubble as a backend using APIs.
.jpg?alt=media&token=6a0319f1-dcd5-4636-86cc-9bb0cc16be38)
💡 Bravo Tips: Bravo Vision previewer
Are you using Bravo Vision correctly? Learn how to use the Bravo Vision previewer app like a pro so you can build your apps with maximum potential!
- 🧑 🔧 Debug in request setup No more vague error messages! Check out the status of the request after you send it to understand what went wrong (or right!)
- 🖊 Info.plist editorIf your app is in another language, the info.plist file included in the IPA (iOS app build) should be in the corresponding language or it may be rejected by the App Store.Now you can edit the default info.plist file when requesting your app build and add additional lines if needed.
- 💡 Tutorial: connect Bravo with BackendlessLooking for something more advanced than Airtable as your backend?Backendless is a tool that allows you to connect your mobile app frontend to their APIs, databases, and services which can provide you with a ton of functionality. Learn how to create a photo-sharing app with Bravo and Backendless in this tutorial.
- 💰Accept card payments in your app with Stripe[Bravo Level: 🔥Advanced]
Introducing one-time card payments! Add a custom checkout page to your app with our Stripe integration and start receiving payments from your app.
- 🛍 Payment Sample AppCan I connect my database of products and prices to the Stripe payment feature? Yes! Duplicate the sample app "Stripe Payments" to see how the data binding is done
- 💡 New tooltips in Data LibraryWhat is a request URL? What are Headers? Now you can find tooltips to help you every step of the way while connecting an API to Bravo. Log in and check it out!
- 🎓 Tutorial: list > list > detail page setup[Bravo Level: 🌱Beginner] New tutorial to show how to create, for example, a list of countries where next you can see a list of cities, and then detail information about them
- 💡 Tip of the Week: Sharing your appDid you know that you can share your apps directly from Bravo? Share your app project with friends, clients, or testers to get insights and validate your app idea!
- 🌟 New Dashboard sectionLearn from the start! We added a Dashboard section in the Bravo Studio menu where you can find resources, tutorials, videos, and more to get a jump start.
- 🎓 Tutorial: create a notes app with user ID and email[Bravo Level: 🔥Advanced] Take your app to the next level with personalized content for your users! Learn how to use the user ID and user email variables in your API requests in order to display user-specific content
- 💬 New Bravo CommunityWe're excited to announce that we have a new home for the Bravo community at community.bravostudio.app
We will archive the Spectrum community on Wed., May 19. This means you can no longer post, existing content will remain accessible, but read-only.
- 🏷 All of the Bravo Tags in one docWe have created the ultimate Figma file. Find all of the Bravo Tags and their example in this file. Then copy and paste the example to your Figma file with the tags and containers already in place.
- 📖 Add pagination to your list[Bravo Level: 🔥Advanced]When you want to display a database of hundreds and thousands of records in your app, pagination comes in handy. Also known as "load more item" or "infinite scroll," it's a magical thing that dramatically improves your app UX.
- 🤓 Build a catalogue app with Bravo[Bravo Level: 🔥Advanced]Ever thought of creating an app for your collection of products, stories, videos, or all of the above? Build it now with this formula of functionalities! 1. List page of products [🌱Beginner] The setup: GET request + pagination 2. Search bar [🌱Beginner] The setup: Search & filter tag 3. Product detail page with a horizontal scroll of images [🔥Advanced] The setup: GET request with ID variable + horizontal slider container 4. Submit new items [🔥Advanced] The setup: POST request + input field + submit button
- 🤔 How can I boost my app performance?Now all Bravo Studio users are able to paginate their content and boost their app performance. This feature is key when dealing with a lot of data and endpoints.
- 🔥 Bravo Studio plugin for Adobe XD is LIVE!You heard it here! Now you can create native mobile apps in Bravo with your Adobe XD design. Download the Bravo Studio plugin in Adobe XD plugin marketplace to create projects and sync your edits.
- 📺 Bravo Tips: iOS Publication #7The app publication process is a maze, but we're here to guide you. Watch this quick walkthrough on how to publish your app in the Apple App Store.
- 🤓 Make smart home apps with Bravo[Bravo Level: 🔥Advanced]Check out this awesome app case created by the team of Titan, a no-code backend system that connects systems, sensors, and software to generate new functions and automation. Combining Titan, Figma, and Bravo, they created a light control app!
- 🔍 Search on Horizontal Sliders[Bravo Level: 🌱Beginner]Now the search bar works with horizontal sliders! If your design includes a horizontal slider, you can now use the search tag to display results within the slider. Check out the sample app in Bravo called "Search & Filter."
- 🤓 Tutorial: user authentication without Firebase[Bravo Level: 🔥Advanced]Once you have mastered the Bravo basics, expand your app limit by creating features in your app with other tools. In this tutorial, learn how to add user authentication and data interaction in your app with Xano, a powerful backend tool.
- 🎉 Pop-up pagesGive your app multiple dimensions! Change up the way you display content and guide your user journey with pop-up overlays. See how it's done in the Figma file below
Bravo Pro Tip: You can overlay the custom animation on your app screen while it loads the next page, and have different loading for different sections of your app.
- 🔥 Rating Alert in your published appsDo my app users like my app? Ask them what they think directly in your app! The rating alert will allow you to collect feedback and ratings to be displayed in your app store listing.
📸 Create an Instagram clone
A social app for food lovers! This app has a feed of food photos and caption, the ability to create new post and share existing, and comment on each post. Follow the tutorial
Happy New year from the Bravo Team! 🥳🍾
- 🔥 New animations: page revealThe show must go on! Choose from multiple reveal animations to define how the content will appear in your app pages when opening that page.
- 🌒 Hide yo' tabs menuSometimes, you just don't need the tabs below. Define which pages to hide the tab menu by adding a simple tag.
- 🎲 Bravo variables for API requestsPersonalize your app content to your users by utilizing these Bravo-supported variables to your API requests.
📺 YouTube
- 🔥 New types of top bars
- Spice up your top bar behaviors! Now you can choose from the fixed-top bar, hide when scroll, or show when scroll. Open the Figma file below to see the new tags and import them into Bravo to see the behaviors. Check Sample app
- 📺 New Bravo Tips: GETLearn in 2 minutes how to set up a GET request to retrieve data from a database (we're using Airtable) and connect it to your app design to populate it with real data.
Happy New year from the Bravo Team! 🥳🍾
- 🔥 State Components & VariantsWe're welcoming 2021 with something you've been asking for all of 2020. Now, you can add visual states to your UI elements to display when your app menu it's active or show when an element it's pressed. Game changer.
- 📝 More Input fieldsChoose from 11 different types of input fields for your form pages! Based on the input field type, the phone keyboard will change for optimal input experience. Your users will appreciate it. See this Figma file to see how to set it up!
- 🦸♀️ Bravo Experts are here.Hire a Bravo Expert to speed up building your app idea! Our Experts can help you with UI/UX, setting up your Figma file, API integrations, app publication, and more.
- 📺 New Bravo Tip Video
Happy holidays from the Bravo Team! 🎄
- 🔔 Push notificationsOur Christmas present to you 😁 You can send push notifications to your app users!Check out this sample app to see the new tags and this tutorial on how to set it up in Bravo. You can test it out on Bravo Vision or directly in your published apps.
- 💡 Modal pagesModals are pages that open partially over the current screen. They are helpful when you want to display content that complements the screen’s primary content without leaving the page. See this Figma file to see how to set it up!
- 👑 Vote for us on awwwards.Did our website catch your attention and your heart? Do you think it deserves an award for design, creativity, and innovation on the Internet?
- 📺 Watch the recorded webinars
- 🔥 States on pagesGet multiple states based on your API response such as empty, default, or error. Duplicate the sample app "States Pages" in Bravo (connected to Airtable API) and check out the tags in the Figma file below. P.S. Make sure your Bravo Vision is up to date! Check out the tags in the Figma file.
- ⚡️ Action: download filesNew action tag! Allow users to download files such as images, videos, and PDFs. Great for portfolio apps, social apps, and internal productivity apps. Check out the Figma setup.
- 👏 Be Brave, Be Bravo2020 is about to finish! It has been a tough year where we became resilient. 2021 should be a year full of exciting challenges. One of our new year’s resolutions is to help designers level up thanks to no-code. If you can design, then you can deliver a final product easily with the right tools.
- 🎁 Win a Brave PackWe have prepared a big giveaway to help you get started! Giving you the opportunity to win 2 Brave packs that contain free access to our pro plan Bravissimo (1 year) + a pack of super cool swag. You can participate in our Instagram and Twitter accounts.
- Rich text support: Markdown & HTML stylingConnect Markdown and HTML styling from an API to your text boxes! Duplicate the sample app "Rich Text Webflow" in Bravo (connected to Webflow API) and check out the tags in the Figma file.
- New Bravo Tag: Scan QR codeNow you can scan QR codes in your apps! The tag opens the phone camera to scan the QR code and opens the link in a web browser. Duplicate the sample app "Scan QR" in Bravo and check out the Figma setup.
- Bravo Friday: 30% off all plansGift yourself the power to create next-gen native apps! 30% off Olé and Bravissimo, monthly and yearly! Valid until Friday, Nov 29, 23:59h CET.
- New feature: Multi-line input fieldAdd input fields for long answers into your forms. Add the Bravo Tag [component:input-textarea] on a textbo in Figma to turn it into a multi-line text area.
- New Bravo sample: Shopify store app kitLearn how to add a Shopify Store into your mobile apps! Get your clients up and running into the App Store and Google Play.
