Skip to content

Social mobile app templates

A new social product is empty, and the screens have to work in that state. The feed needs a first-run block with one action, write something or invite one person, instead of a blank rectangle under a tab bar. Once there is content, a post is the photo or the text, the author's name, and a way to react that does not cover the content.

People look for four other screens. A profile that shows that person's posts. A compose screen with the photo or the draft above the caption field. An activity list of who did what, newest first, with the object of the action still visible. A conversation row with a face, the last line, and a time.

Dating, a group chat, a forum, and a public feed are different home screens. Dating leads with a person and two actions that are hard to hit by accident. A forum leads with a thread title. A chat leads with the conversation. Start from the template that matches the relationship, then change the nouns.

Add a stories tray or a clubs grid when the product needs them. A stories row on a forum makes the home screen about the wrong object. Sample posts are fine in a prototype if they are labeled as examples, so a founder can tell the empty state from the live one.

Questions, answered. Everything to know before you start.

What does an empty feed need to show?
One sentence that says the network is new, and one button to post or to invite. Sample posts are fine when they are marked as examples. A stack of gray boxes with no action looks like a broken load.
Which screens belong in a first version?
Feed, compose, profile, activity, and a conversation if people message each other. Search and explore can wait until there is enough content to browse. A tab for every idea is how the first version feels unfinished.
How is a dating layout different from a feed?
Home is a decision about a person. The photo has to be large enough to judge, and the two actions have to be far enough apart to avoid a mis-tap. A feed's home decision is a post in a list. Use the dating template for matching, and a social or forum template for posts.
What should the compose screen show?
The thing being posted, photo or text, above the fields. Caption, audience, and place sit under it. The send button stays visible while the keyboard is open. After send, return to the feed with the new post at the top.

Something else? Write to support@sleek.design.

Your app, designed by tonight.

Start with one sentence. Sleek designs every screen in one style.

Free to start. No credit card. Used by 60,000+ app makers.