UI mockups · Website and web app
Real estate listings UI mockup
A home search site - filters, listing cards beside a map, and a listing page with a photo gallery, key facts and a tour request form.
The 2 screens
Real estate listings: Search results, Listing detail. Each screen below is drawn from the mockup itself, with the headings, buttons, fields and lists that are on it.
1Search results Search results
Browser page with 10 paragraphs, 9 labels, 5 dropdowns, 5 icons, 4 buttons, 4 cards, 4 headings, 4 images and 6 more component types.
- Headings
- $685,000 · $529,900 · $1,150,000 · $449,000
- Fields
- Austin, TX · Price · Beds: 2+ · Baths · Home type · Sort: Newest
- Buttons and actions
- Sign in · List a home · More filters · Save search
- Text and labels
- Buy · Rent · Sell · Mortgages · Find an agent · 248 homes for sale in Austin, TX · Open house Sat · 3 bd · 2 ba · 1,840 sqft · 1408 Alameda Dr, Travis Heights · Oak & Stone Realty · 2 bd · 2 ba · 1,210 sqft · 2201 E 6th St #304, East Cesar Chavez · Brightline Homes · New
2Listing detail Listing detail
Browser page with 10 labels, 7 paragraphs, 6 headings, 5 cards, 5 images, 4 buttons, 2 text inputs, an avatar and 10 more component types.
- Headings
- $685,000 · 3 · 2 · 1,840 sqft · 0.18 acres · Tour this home
- Navigation
- Austin · Travis Heights · 1408 Alameda Dr · Overview · Facts & features · Schools · Price history · In person · Video chat · Sat 24 · Sun 25 · Mon 26 · Tue 27
- Fields
- Choose a time · Full name · Email address
- Buttons and actions
- Sign in · List a home · Request a tour · Contact
- Text and labels
- Buy · Rent · Sell · Mortgages · Find an agent · View all 32 photos · For sale · 1408 Alameda Dr, Austin, TX 78704 · Est. $4,180/mo · Bedrooms · Plus office · Bathrooms · 1 en suite · Living area · $372 / sqft
Open and edit it
The real estate listings 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.
- 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.