Skip to content

Travel & Local template

Roamly Travel Booking App

A tours and experiences app for a travel brand: find a trip by place or kind of tour, open a tour with its itinerary and meeting point, pick a date and travelers, and carry a QR pass to the meeting point. Travelers settle with the guide on the day; nothing is charged in the app.

  • 23 screens
  • iOS & Android
  • Needs Supabase
  • Updated Nov 4, 2026
  • Verified release
  • 4 copies made

Free to copy · Full source · No credit card

Screens

6 screens from the working app.

What’s inside

  1. Explore with a floating search, kinds of tour and a featured trip
  2. Tour pages with a photo gallery, itinerary, meeting point and reviews
  3. Date and travelers in one step, with the total as you go
  4. A booking pass with a QR code the guide scans on the day
  5. Trips with a countdown, wishlist and notifications
  6. Supabase tours and bookings, with sample data until connected

About this template

Overview

Roamly is a React Native app for a tour operator or travel brand selling small-group days and experiences. Travelers explore by place or kind of tour, open a tour with its photos, itinerary and meeting point, choose a date and how many people, and keep a pass with a QR code for the guide.

It opens on sample data so every screen works when you fork it: 16 tours with their own photos, sample trips that the first real booking replaces, and a wishlist that starts empty. Connect your Supabase project under Server and the same screens read your tours and bookings.

Key features

  • Explore — A floating search, kinds of tour (tours, food, outdoors, culture, water), a featured trip and what is trending this week.

  • Tour pages — A photo gallery, rating and reviews, what is included, an itinerary timeline and the meeting point on a map.

  • Book in three steps — Date and travelers, the lead traveler's details, then a review with the total; dates before today are never offered.

  • Settle on the day — The traveler pays the guide at the start of the tour; nothing is charged in the app.

  • Pass and trips — A pass with the date, meeting point and a QR code, trips with a countdown, cancel with a confirm, book again.

  • Wishlist and updates — Saved tours with undo, and notifications grouped by day.

Screens included

Welcome and account

  • Onboarding

  • Log in

  • Create account

  • You're in

  • Reset password

  • New password

Explore

  • Explore

  • Search

  • Search results

  • Tour detail

Booking

  • Choose a date

  • Your details

  • Review

  • Booking confirmed

Trips and profile

  • Trips

  • Trip pass

  • Wishlist

  • Notifications

  • Profile

  • Edit profile

  • About

  • Terms of use

  • Privacy policy

Built with

  • Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.

  • Backend — Supabase for accounts, tours, bookings, wishlist and notifications; a migration in the supabase folder adds itinerary, meeting point and guide.

  • Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.

Good fit for

  • Tour operators selling small-group days and experiences

  • Destination brands with a catalog of bookable tours

  • Travel startups validating a tour-discovery product

travel bookingtour discoveryreact nativeexpowishlisttourismaccount auth

What you get

  • Full source — Expo and React Native in TypeScript, as an app in your workspace.
  • Live preview — try every change in your browser or on your phone.
  • Verified release — it compiles and every screen opens without errors.
  • AI assistant — change anything by chat; each change uses credits.
  • Builds and store upload — iOS and Android builds, sent to the App Store and Google Play from Publish.
  • No credits to copy — the copy itself costs none.

Made with an earlier version of FluxNative. Your copy works as it is; ask the agent to update it for app languages, currencies and About links.

What you need

  • A FluxNative account — the Free plan holds up to 2 apps.
  • Your own Supabase — for your data; until then the app runs on sample data.
  • Creator or higher — for native builds and store upload.
  • Store accounts — Apple Developer Program (US$99 a year) and Google Play (US$25 once), to publish.

What’s in the source

screens
23
files in your copy
386
lines written for this app
8,744
ready-made UI components
142

App text in English and Vietnamese

Tech stack

Expo SDK
57.0.22
React Native
0.86.3
React
19.2.8
TypeScript
6.0.3
Expo Router
57.0.21
Supabase JS
2.112.0

From this release’s package.json.

Design system

Headings
Fraunces
Body
System font
  • Light and dark mode
  • Liquid glass
  • Capsule buttons
  • Media cards

Set up after you fork

Your copy opens with the AI assistant that built it. Do the steps in order: connect what a step asks for under Server, then send each prompt.

  1. Connect your Supabase project

    Add your Supabase project URL and access token under Server › Backend › Supabase first. Until then Roamly runs on sample tours and trips kept on the device.

    Prompt for the AI

    Supabase is connected under Server. Create the tables this app reads (destinations, tours, reviews, profiles, wishlist, bookings and notifications) with row-level security so each traveler sees only their own bookings, apply the migration in supabase/migrations with the cancel_booking function and the avatars bucket, write the public values into .env, and check that Explore, a tour page, a booking and Trips work on my project.

  2. Add your tours

    Prepare your tours with photos, prices, dates, itinerary, meeting point and guide. Attach them as a spreadsheet and images to the message.

    Prompt for the AI

    Use the attached tours and photos: load them into my Supabase project with each tour's itinerary, meeting point and guide, and replace the sample destinations and tours everywhere they appear.

  3. Set your app icon

    Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.

    Prompt for the AI

    I set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.

  4. Write your booking terms and legal pages

    Prepare your booking and cancellation terms, how travelers pay on the day, your support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace.

    Prompt for the AI

    Replace the sample booking wording with mine: cancellations [your cancellation terms] and payment on the day [how travelers pay the guide]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms], and set the support contact to [your support email].

  5. Check and publish a build

    Find a tour, book it, open the pass and cancel a trip on a phone, then build for the stores from Publish.

    Prompt for the AI

    Run a final check of every screen in light and dark mode: onboarding, sign-in, Explore and search, tour pages, booking, the trip pass, Trips, wishlist, notifications and profile. Fix anything broken or still showing template content, then get the app ready for a store build.

How to use this template

  1. Use the template to get an editable copy, with its source, in your workspace (Templates).
  2. Ask the AI assistant for the changes you want, in plain words (Work with the assistant).
  3. Try each change in the live preview, or on your phone (Preview).
  4. On Creator or higher, build it for iOS and Android and send it to the stores (Publishing overview).

Licence and support

Licence

You own the app made for you; the template’s code stays InspireUI’s and is licensed for use in your apps (Terms › Our intellectual property).

Help

  • Guides to templates, the assistant and publishing.
  • Contact support from Help; replies usually within 1–2 business days.
  • In your copy, ask the AI assistant about any screen or file.

Made by FluxNative

Support policy

Questions

Is it free?

Copying a free template costs nothing, not even credits; a Premium one is a one-time purchase per website. Chat changes and builds use credits.

What do I own?

You own the app made for you. The template’s code stays InspireUI’s and is licensed for use in your apps (Terms › Our intellectual property).

Do I need to know code?

No. Ask the assistant for changes in plain words; the full source is there when you want it.

Does it come with a backend?

No. A full app names the backend it needs and you connect your own under Server; a design runs on sample data.

Can I change the design?

Yes. The Design tab sets the brand colour, colours, fonts and corners at no credit cost; the assistant changes the rest.

Which plan do I need to publish?

Creator or higher builds and uploads to the stores, with your own Apple and Google accounts. A Premium template’s app builds on any plan once its website is connected.

Can I download the source?

Yes, with Download source or Push to GitHub, once your workspace has bought a plan, credits or a paid template. A Premium template’s app also needs its website connected.

What if it was made with an earlier FluxNative?

Your copy works as it is. Ask the assistant to update it for newer features such as app languages and currencies; it is the last setup step.

Ready to make it yours?

Start from Roamly Travel Booking App and change anything by chat. Your copy comes with the full source.

Free to copy. No credit card required.

Taking a little longer than usual…

Loading FluxNative