Social template # Mosaic Social Community App template 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 ## Screens - A photo-first feed with stories - Explore as a mosaic - Profiles with places and posts - Group chats with photos - Full-screen videos - Stories, full screen ## What’s inside - A photo-first feed with stories and double-tap likes - Explore as a mosaic of photos, clips and live rooms - Profiles with places, posts, videos and tags - Messages and group chats with photos, shared posts and reactions - Full-screen videos and live rooms with comments - 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 ## 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. ## 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. Tags: social network, photo feed, stories, supabase, react native, messaging, live streaming, community ## How to use this template 1. Use the template to get an editable copy, with its source, in your workspace ([Templates](https://fluxnative.app/docs/templates)). 2. Ask the AI assistant for the changes you want, in plain words ([Work with the assistant](https://fluxnative.app/docs/work-with-the-assistant)). 3. Try each change in the live preview, or on your phone ([Preview](https://fluxnative.app/docs/preview)). 4. On Creator or higher, build it for iOS and Android and send it to the stores ([Publishing overview](https://fluxnative.app/docs/publishing-overview)). ## 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. --- React Native social app template: photo feed, stories, explore grid, profiles, messages, videos and live rooms, backed by Supabase. Page: https://fluxnative.app/templates/mosaic-social-feed-app