UI mockups · Website and web app
CRM dashboard UI mockup
A sales CRM: a pipeline board with KPIs and deal cards per stage, and a contact page with the open deal, activity timeline, tasks and call logging.
The 2 screens
CRM dashboard: Pipeline, Contact detail. Each screen below is drawn from the mockup itself, with the headings, buttons, fields and lists that are on it.
1Pipeline Pipeline
Browser page with 18 paragraphs, 17 labels, 13 avatars, 12 badges, 12 cards, 6 buttons, 5 sections, 4 stat / KPIs and 6 more component types.
- Headings
- Sales pipeline
- Navigation
- Home · Pipeline · Contacts · Companies · Tasks · Reports · Settings · Board · List · Forecast
- Fields
- Search deals, contacts, companies…
- Buttons and actions
- New deal · Add deal
- Text and labels
- 42 open deals · Q4 2026 · owned by everyone · Open pipeline $2.41M · Weighted forecast $1.28M · Win rate (90 days) 31% · Avg. sales cycle 38 days · Lead · 3 · $54k · Fleet pilot · Northpeak Logistics · $24k · Website rebuild · Copperleaf Studio · $12k · Data audit
2Contact detail Contact detail
Browser page with 8 paragraphs, 5 buttons, 5 cards, 5 headings, 4 labels, 3 badges, 3 checkboxes, 2 avatars and 13 more component types.
- Headings
- Dana Whitfield · Open deal · Log a call · Tasks · Other contacts at Northpeak
- Navigation
- Home · Pipeline · Contacts · Companies · Tasks · Reports · Settings · Northpeak Logistics · Dana Whitfield · Lead · Qualified · Proposal · Negotiation · Won · Activity · Emails
- Fields
- Search deals, contacts, companies… · Outcome · What was discussed?
- Buttons and actions
- New deal · Call · Email · Save · Add task
- Lists and columns
- Call - agreed pilot scope, 40 trucks (today) · Proposal v2 sent (Oct 16) · Demo with ops team (Oct 9) · First meeting at Northpeak HQ (Sep 30)
- Text and labels
- VP Operations · Northpeak Logistics · Decision maker · Warm · Email · dana@northpeak.example · Phone · +1 415 555 0142 · Location · Oakland, CA · Owner · Rosa Vega · Negotiation · Fleet telematics rollout · $84,000 · Expected close 14 Nov 2026 · 70% probability
Open and edit it
The crm dashboard 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.