Skip to content

Social template

Mosaic Social Community App

A photo-first community app: a feed with stories, an Explore mosaic, profiles, messages and group chats, short videos and live rooms.

  • 25 screens
  • iOS & Android
  • Needs Supabase
  • Updated Nov 4, 2026
  • Verified release
  • 1 copy made

Free to copy · Full source · No credit card

Screens

6 screens from the working app.

What’s inside

  1. A photo-first feed with stories and double-tap likes
  2. Explore as a mosaic of photos, clips and live rooms
  3. Profiles with places, posts, videos and tags
  4. Messages and group chats with photos, shared posts and reactions
  5. Full-screen videos and live rooms with comments
  6. Supabase accounts, posts, media and messages, with sample data until connected

About this template

Overview

Mosaic is a React Native photo community in the family of Instagram, VSCO and Retro. Photos carry the colour; the chrome is ink on white, and one coral accent means something is alive for you: a like, a new story, a live room, an unread message.

It opens on sample data so every screen works when you fork it: a cast of twelve people with their posts, stories, live rooms and conversations, while your own profile starts empty. Connect your Supabase project under Server for accounts, posts, media and messages.

Key features

  • Feed and stories — Posts edge to edge with double-tap likes, a stories rail, send to a chat and save.

  • Explore — Search and topics over a mosaic of big and tall tiles, with clips and live rooms in the mix.

  • Profiles — Name, bio, counts, follow and message, places that filter the grid, posts, videos and tags; private accounts.

  • Messages — Conversations and group chats with photos, shared posts, reactions and unread counts.

  • Videos and live — Full-screen videos with likes and comments, and live rooms with a comment stream.

  • Create — Choose up to ten photos, add a caption and a place, or open the camera.

Screens included

Community

  • Home

  • Explore

  • Profile

  • Post

  • Story

  • Activity

  • Follow requests

Messages and media

  • Messages

  • Conversation

  • Videos

  • Live

  • Live room

  • New post

  • Camera

Account

  • Your profile

  • Edit profile

  • Profile menu

  • Accounts

  • Log in

  • Sign up

  • Reset password

  • About

  • Privacy policy

  • Terms of use

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 Auth, Postgres and Storage for accounts, posts, media, stories and messages; a migration ships in the supabase folder.

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

Good fit for

  • Photo and creator communities

  • Local and interest communities with group chats

  • Startups building a social app around photos

social networkphoto feedstoriessupabasereact nativemessaginglive streamingcommunity

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
25
files in your copy
397
lines written for this app
11K
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
  • Plain 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 Mosaic runs on a sample community kept on the device.

    Prompt for the AI

    Supabase is connected under Server. Create the tables this app reads (profiles, follows, posts and their media and tags, likes, saves, comments, stories and views, conversations, members and messages, activity, live streams and live comments) with row-level security, the avatars and media storage buckets and the increment_post_views function, apply the migration in supabase/migrations, write the public values into .env, and check that sign-up, the feed, a new post and Messages work on my project.

  2. Add reporting and blocking

    The App Store and Google Play require apps where people post to let them report content and block other people. The template does not include this yet.

    Prompt for the AI

    Add reporting and blocking: a Report action on posts, comments, stories, messages and profiles that saves the report with its reason in my Supabase project, and Block on profiles that hides that person's posts, stories and messages from me. Add the tables and row-level security they need, and tell me where I can read new reports.

  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 community rules and legal pages

    Prepare your community guidelines, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace before you publish.

    Prompt for the AI

    Add my community guidelines where people sign up and in the profile menu: [your community guidelines]. 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

    Sign up, post a photo, add a story, message someone and open a live room 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: sign-in, the feed, stories, Explore, posting, profiles, Messages and group chats, videos, live rooms and activity. 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 Mosaic Social Community 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