UI mockups · Website and web app
Video streaming site UI mockup
A streaming service - browse rows with continue watching and trending titles, a series detail page with episodes, and the video player.
The 3 screens
Video streaming site: Browse, Title detail, Player. Each screen below is drawn from the mockup itself, with the headings, buttons, fields and lists that are on it.
1Browse Browse
Browser page with 10 images, 9 labels, 6 paragraphs, 4 cards, 4 progress bars, 3 headings, 2 buttons, an avatar and 7 more component types.
- Headings
- The Lighthouse Keepers · Continue watching for Maya · Trending now
- Fields
- Titles, people, genres
- Buttons and actions
- Play · More info
- Text and labels
- Home · Series · Films · New & popular · My list · New season · A remote island, a missing ship and a logbook that keeps writing itself. Season 3 is streaming now. · 2026 · 16+ · 3 seasons · Drama, Mystery · See all · The Lighthouse Keepers · S3 · E1 · 22 min left · Salt & Ember · S1 · E6 · 9 min left · Orbit Kids
2Title detail Title detail
Browser page with 11 paragraphs, 9 labels, 5 images, 2 buttons, 2 icons, an avatar, an avatar group, a badge and 9 more component types.
- Headings
- The Lighthouse Keepers
- Navigation
- Home · Series · The Lighthouse Keepers · Episodes · More like this · Trailers · Details
- Fields
- Titles, people, genres · Season 3
- Buttons and actions
- Play S3 E1 · + My list
- Text and labels
- Home · Series · Films · New & popular · My list · Lumina Original · 2026 · 16+ · 3 seasons · Drama, Mystery · 4K HDR · 4.6 · 12,408 ratings · When the relief boat fails to arrive, three keepers on Carrow Rock must decide who to trust - each other, the radio, or the logbook that records events before they happen. · 1. Low tide · The relief boat is three days late and the radio picks up a voice none of them recognise. · 48 min · 2. The second lamp · Agnes finds a lamp room that is not on any plan of the tower.
3Player Player
Browser page with 4 paragraphs, 3 cards, 3 icons, 3 images, 3 labels, 2 dropdowns, 2 headings, a toggle and 1 more component types.
- Headings
- The Lighthouse Keepers · Up next
- Fields
- Subtitles: English · Quality: Auto (4K)
- Text and labels
- Season 3 · Episode 1 · Low tide · 48 min · Autoplay next episode · 2. The second lamp · S3 · E2 · 51 min · 3. Logbook · S3 · E3 · 46 min · 4. Fog signal · S3 · E4 · 53 min
Open and edit it
The video streaming site mockup is free on every Tierslate plan. Opened in the editor it becomes a board of your own: every component is a real shape you can move, resize, retext or recolour, you can add screens from the web, iOS and Android component library, and React code can be generated from the screens. In the editor it is under Templates, on the Mockups tab.
More mockups
- Shopping website UI mockup - An online clothing store - home page, product listing with filters, product detail and checkout.
- Admin dashboard UI mockup - A store back office - KPI cards, revenue chart, top products and recent orders, plus a customer profile page.
- Travel booking UI mockup - A hotel booking site: search with dates and guests, filtered results with hotel cards, and a guest details + payment checkout.
- SaaS landing page UI mockup - A full marketing page for a project-management product: hero with two calls to action, features, pricing tiers, a testimonial, FAQ and footer.
- Sign in and sign up flows UI mockup - The three account screens every product needs: sign in with social options, create an account with a password strength meter, and reset a forgotten password.
- Project board UI mockup - A kanban project tool - columns of task cards with tags, progress and assignees, and a task detail page with subtasks, activity and properties.