Messaging App UI Design Template

Ripple is a messaging app UI design template built around a Soft Bubble Chat look: a clean white canvas, soft ink text, and quiet grey metadata. Received messages sit in soft pebble-grey bubbles while sent messages ride a teal-to-blue gradient, the same gradient that powers the send button, unread badges, and active states. Fully rounded 22px bubbles with gentle tails and rounded avatars with online dots make every screen feel friendly and close.

The template ships six connected screens that form a complete messaging flow: a Chats list with previews and unread badges, a Conversation thread with gradient and grey bubbles, an emoji reaction, and an image message, a pill compose bar, an alphabetized Contacts list, a Calls log with voice and video types, a New Message recipient search, and a Profile with status and settings. The signature press-and-hold reaction row that sticks emoji to a bubble's corner is shown right in the thread.

Use it in Sleek and make it yours: restyle the gradient, edit any screen with AI by describing the change, and add the flows your app needs. Export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, all far faster than starting from a blank canvas.