Neon Studio After Dark
Live Streaming App Design Template
Glowcast is a neon-bright live streaming app design built for creators going live at midnight, made for founders and designers shipping a Twitch-meets-TikTok-Live product.
화면 살펴보기
Sleek에서 완전히 편집 가능한 live streaming 모바일 앱 디자인을 미리 보세요.
Live Streaming App 소개
Glowcast is a live streaming app design template built around a "Neon Studio After Dark" look: a near-black charcoal base where bright surfaces float, with an electric magenta and acid cyan duo-accent reserved for the LIVE state and primary actions. The screen glows like a monitor in a dark room, video runs edge-to-edge full-bleed, and the UI sits on top as frosted-glass capsules and translucent chips rather than flat cards.
The template ships six connected screens that form a complete streaming loop: a Discover feed of live thumbnails with magenta LIVE pills and viewer counts, a full-bleed Live viewer with a rising chat column and drifting gift reactions, a Go Live setup with title field and category picker, a Broadcaster view with real-time viewer, follow, and earnings stats, a creator Profile with replays and a tier-badge subscriber count, and a Gifts & wallet screen with a coin balance and top-supporter leaderboard. The signature "Reaction Storm" sends tapped emoji and gift icons drifting up the right edge of every live screen while the LIVE badge pulses in sync.
Use it in Sleek and make it yours: restyle the magenta-and-cyan 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, all far faster than starting from a blank canvas.
포함된 화면
Discover
A scrolling grid of live thumbnails, each with a magenta-to-cyan LIVE pill, viewer count, creator avatar, and category tag like Gaming, IRL, or Music, topped by a row of category chips and a floating go-live dock. This is where viewers find a stream to join.
Profile
A creator hero over a neon studio backdrop with follower, following, and subscriber counts, a magenta Follow button, and tabs for Replays, Clips, and About above a grid of past streams with durations. It establishes the creator's identity and back catalogue.
Go Live setup
A camera preview behind a "Ready to glow up?" prompt, a stream title field, a category picker for Gaming, IRL, Music, Art, and Chatting, toggles for live chat and gifts, and a glowing Start Broadcast button. The launch pad before going live.
Broadcaster view
The streamer's own live preview with floating real-time stat capsules for viewers, new follows, and earnings, an incoming gift alert banner, a pinned comment, and an End Stream button. It keeps the creator on top of the room as it fills.
Live viewer
A full-bleed video frame with a frosted top bar showing the creator, a Follow button, and watcher count, a live chat column rising from the bottom, a gift tray, and the Reaction Storm drifting emoji up the right edge. The core watching experience.
Gifts & wallet
A shelf of animated gift icons with coin prices, a crown-marked coin balance, a Buy Coins action, and a Top Supporters leaderboard with avatars and totals. It powers the app's tipping and monetization.
주요 기능
- Neon Studio After Dark palette: charcoal base with magenta-and-cyan duo accents
- Full-bleed live video with frosted-glass capsule UI on top
- Gradient LIVE badge with a pulsing dot
- Signature Reaction Storm of drifting emoji and gift particles
- Floating go-live dock with a glowing center broadcast button
- Real-time broadcaster stats for viewers, follows, and earnings
- Coin wallet with animated gift shelf and supporter leaderboard
- Chunky tabular numbers for viewer counts and gift values
이런 분께 맞습니다
이런 것을 만들 수 있습니다
- Launch an MVP for a live streaming or social video product
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent streaming UI off to developers
- Explore a redesign of an existing creator or streaming app
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
궁금한 점에 답해 드립니다. 시작하기 전에 알아야 할 모든 것.
How do I build a live streaming app from this template?
What screens are included in this live streaming app design template?
Can I customize the live streaming app UI design?
Does the template include gifting and monetization screens?
Is this live streaming app design template free to use?
Can I export the design to code or Figma?
다른 문의가 있나요? support@sleek.design 주소로 이메일을 보내 주세요.
live streaming 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.