Social
Social Media App Design Template
A photo-led social media app design with a bright white canvas and an electric-indigo accent, built for founders and designers shipping a community or sharing product.
Preview
Explore the screens
Preview the social media mobile app design, fully editable in Sleek.
About the Social Media App
This social media app design template puts photography first: crisp white backgrounds, heavy black headings, and a single electric-indigo accent that carries stories rings, the floating create button, and primary actions. Rounded avatars, soft pill buttons, and generous spacing keep busy feeds and grids legible across every screen.
The template ships six connected screens that form a complete social loop. There's a Pulse feed with a stories tray and full-bleed photo posts, a masonry Discover grid with category filters, a Post composer for sharing an image with caption, location, and music, an Activity screen for follows and likes, an Inbox for direct messages with an active-now row, and a creator Profile with post stats and a media grid. Together they cover browsing, posting, reacting, and chatting end to end.
Use it in Sleek and make it yours: restyle the indigo palette, edit any screen with AI by describing the change, and add the flows your product needs. Export it to code, copy it straight into Figma, or hand a prompt to an AI agent to build it into a working app, all far faster than starting from a blank canvas.
What's inside
Screens included
Pulse Feed
The home feed opens with a stories tray topped by a "My Story" add button, then full-bleed photo posts with author, timestamp, and like and comment counts. The floating indigo plus button anchors quick posting.
Discover
A masonry grid of photos and videos under a "Discover anything..." search bar with scrollable category chips like Photography and Travel. Built for browsing trending content and creators.
Post
A composer that previews the selected image with edit and expand controls, a caption field, and rows to Tag People, Add Location, and Add Music before tapping "Share". The core sharing flow.
Activity
Notifications split into "New Notifications" and "Earlier", with inline Follow and Confirm or Delete buttons plus thumbnails of liked posts. Keeps engagement actionable in one tap.
Inbox
Direct messages with an active-now avatar row, a search bar, and chat rows showing names, message previews, timestamps, and unread dots. Group chats get their own icons.
Profile
A creator profile with avatar, verified handle, posts, fans, and pulse counts, a bio with link, Edit Profile and Insights buttons, and a tabbed media grid. The personal hub.
Design & features
Key features
- Photo-first layout on a bright white canvas
- Electric-indigo accent for stories rings and the create button
- Stories tray with add-your-own ring
- Masonry Discover grid with category filter chips
- Post composer with tag, location, and music rows
- Activity feed with inline follow and confirm actions
- Direct message inbox with active-now status row
- Floating center create button in the tab bar
Audience
Who it's for
Use cases
What you can build
- Launch an MVP for a photo-sharing or community app
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent social media app UI off to developers
- Explore a redesign of an existing social feed
How to use this template
- 1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
- 2
Use this template
Open your own fully editable copy in Sleek with one click.
- 3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
- 4
Export and ship
Export your design or hand it to developers, and keep building toward launch.
Frequently asked questions
Related mobile app templates
Start designing your social media app
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI, and export to code or Figma.
Use this template