Social feed UI mockup

The 3 screens

Social feed: Feed, New post, Profile. Each screen below is drawn from the mockup itself, with the headings, buttons, fields and lists that are on it.

1. Feed

   Phone screen with 7 icons, 7 labels, 6 avatars, 2 navigation bars, 2 paragraphs, a card, a divider, an image and 1 more component types.

   Navigation

   Home · Search · Create · Reels · Profile

   Text and labels

   Your story · maya.k · leo.travels · sam_eats · nora · Lisbon, Portugal · 1,248 likes · maya.k Golden hour never misses in Lisbon 🧡 · View all 86 comments

2. New post

   Phone screen with 2 dividers, 2 icons, 2 labels, 2 toggles, an avatar, a button, a card, a dropdown and 3 more component types.

   Fields

   First sourdough that actually rose 🍞 Recipe in the comments! · Audience: Followers

   Buttons and actions

   Share

   Text and labels

   Add location · Tag people · Also share to your story · Turn off commenting

3. Profile

   Phone screen with 9 images, 4 headings, 4 paragraphs, 2 buttons, 2 navigation bars, an avatar, an icon, a link and 1 more component types.

   Headings

   248 · 12.4k · 531 · Maya Kowalski

   Navigation

   Posts · Reels · Tagged · Home · Search · Create · Profile

   Buttons and actions

   Edit profile · Share profile

   Text and labels

   Posts · Followers · Following · Photographer · Lisbon 📍 Chasing light and good coffee · maya.photo

Open and edit it

The social feed mockup is free on every Tierslate plan. Opened in the editor it becomes a board of your own: every component is a real shape you can move, resize, retext or recolour, you can add screens from the web, iOS and Android component library, and React code can be generated from the screens. In the editor it is under Templates, on the Mockups tab.

More mockups

• Food delivery app UI mockup - Browse restaurants, pick dishes, check out and follow the courier - four mobile screens.
• Banking app UI mockup - A mobile bank - balance with quick actions and recent activity, a transaction detail and a send-money flow.
• Music player UI mockup - A mobile music app: a library with playlists and recently played tracks, and a now-playing screen with album art, progress and playback controls.
• iOS fitness app UI mockup - An iPhone activity tracker in the iOS 17/18 look: large-title navigation, activity rings, widgets, inset grouped lists, a tab bar, a settings sheet, an action sheet and an alert over the keyboard.
• Android mail app UI mockup - A Material 3 (Material You) email client: search bar, filter chips, inbox list, FAB, navigation drawer, message view, compose with a dialog, a schedule-send bottom sheet, and a tablet layout with a navigation rail and date/time pickers.
• Ride hailing app UI mockup - A mobile ride app: pick up and destination over a map, a choice of ride types with prices, and a live driver-on-the-way screen.