Aurora Live

Video Chat App Design Template

Vivid is a video chat app design with an Aurora Live look, built for founders and designers shipping a face-to-face calling product where the video feeds glow against the dark.

Dieses Template nutzen

Video chat app home screen with online friend avatars and recent calls

Video chat app one-on-one call screen with self-view and glass call controls

Video chat app group call screen with spotlighted active speaker and feed grid

Screens erkunden

Sehen Sie das video chat-Mobile-App-Design in der Vorschau, vollständig editierbar in Sleek.

ContactsScreen 4

ScheduleScreen 5

SettingsScreen 6

Über Video Chat App

Vivid is a video chat app design template built around an "Aurora Live" aesthetic: a near-black charcoal base so video feeds glow, off-white type, and a teal-to-violet aurora gradient reserved for anything happening in the moment. The signature is the "speaking aurora," a live ring that wraps whoever is talking and shrinks into a halo around avatars in the contacts list. Video feeds are the cards here, full-bleed rounded rectangles that tile and reflow, with glassy translucent control bars floating over the live picture.

The template ships six connected screens that form a complete calling flow: a Calls home with a greeting and a row of online friends, a full-bleed 1:1 call with a draggable self-view and frosted controls, a Group room that auto-spotlights the active speaker, a searchable Contacts list with live-preview halos, a Schedule of upcoming rooms, and a Settings screen with a live camera preview and device pickers. Connection stats render in a quiet mono, so ping, loss, and codec read like a real call.

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

Enthaltene Screens

Calls Home

A warm greeting ("Hey, Noor"), a row of online friends as circular live-preview avatars with aurora halos, and a feed of recent calls showing duration, group size, and missed-call states. The entry point into every conversation.

Active 1:1 Call

A full-bleed feed of the other person with a call timer in mono up top, a draggable self-view pill in the corner, and frosted glass controls for mute, end, and flip camera. Connection stats like ping and codec sit subtly at the bottom.

Group Room

A reflowing grid of feeds with the active speaker auto-spotlighted larger and wrapped in the breathing aurora ring, plus a participant count and floating in-call controls. Shows how the layout scales to group calls.

Contacts

A searchable friends list grouped into Live Now and Recent, with live-preview avatar halos, online, away, and offline states, and a gradient call button per row. The fastest path to start a call.

Schedule

Upcoming calls as frosted cards grouped by Today and Tomorrow, each with a time range, stacked attendee avatars, a "Join Room" button, and a copyable room link. Keeps planned meetings one tap away.

Settings

A large live self-preview labeled "Live Preview" with a mic level meter, plus camera-source and audio-input device pickers. Lets users check their setup before they connect.

Wichtige Features

Aurora Live aesthetic: charcoal base with a teal-to-violet gradient
Signature "speaking aurora" ring that wraps the active speaker
Full-bleed rounded video feeds that tile and reflow
Frosted glass control bars layered over the live picture
Gradient orb call button and floating glass control pills
Live-preview avatar halos with online, away, and offline states
Reflowing group grid with auto-spotlighted active speaker
Mono connection stats for ping, loss, and codec

Für wen es ist

Founders validating a video calling or social MVP

Product designers needing a polished video chat UI starting point

Indie developers building a face-to-face or community calling app

Startup teams prototyping a remote-meeting product

Was Sie bauen können

Launch an MVP for a video chat or group-calling product
Mock up screens for an investor or stakeholder pitch
Hand a complete, consistent call UI off to developers
Explore a redesign of an existing video calling app

So nutzen Sie dieses Template

1
Template öffnen
Stöbern Sie in den Screens und sehen Sie das komplette Design in der Vorschau, um zu prüfen, ob es zu Ihrer Idee passt.
2
Dieses Template nutzen
Öffnen Sie mit einem Klick Ihre eigene, vollständig editierbare Kopie in Sleek.
3
Mit KI bearbeiten
Palette umstylen, Layouts ändern und Screens hinzufügen oder entfernen – einfach indem Sie beschreiben, was Sie wollen.
4
Exportieren und launchen
Exportieren Sie Ihr Design oder geben Sie es an Entwickler weiter, und bauen Sie weiter Richtung Launch.

Ihre Fragen, unsere Antworten. Alles, was Sie vor dem Start wissen sollten.

How do I build a video chat app from this template?

Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the aurora palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working video chat app design far faster.

What screens are included in this video chat app design template?

Six connected screens: Calls home, Active 1:1 call, Group room, Contacts, Schedule, and Settings. Together they cover the core flow of a real video chat app, from browsing online friends to joining a call and tuning your camera and mic.

Can I customize the video chat app UI design?

Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the aurora gradient, adjust the call grid, restyle the glass controls, or add and remove flows. There's no manual redraw; you describe the change and it's applied.

Is this template suitable for a group video calling or community app?

Absolutely. The group room reflows feeds and spotlights the active speaker with the breathing aurora ring, and the contacts and schedule screens map cleanly onto team meetings or community rooms. Adjust the participant counts and content to fit your niche.

Can I export the design to code or Figma?

Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.

Is this video chat app design template free to use?

You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.

Ihre Frage ist nicht dabei? Schreiben Sie an support@sleek.design.