UI mockups · Website and web app
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.
The 3 screens
Sign in and sign up flows: Sign in, Sign up, Forgot password. Each screen below is drawn from the mockup itself, with the headings, buttons, fields and lists that are on it.
1Sign in Sign in
Browser page with 5 paragraphs, 3 buttons, 3 headings, 2 dividers, 2 labels, 2 links, 2 text inputs, a checkbox and 4 more component types.
- Headings
- Kestrel · Your team's product analytics, in one place · Sign in to Kestrel
- Fields
- you@company.com · Enter your password
- Buttons and actions
- Continue with Google · Continue with GitHub · Sign in
- Text and labels
- Join 12,000 teams who track activation, retention and revenue with Kestrel. · 4.8 average from 2,300 reviews · Good to see you again. · or · Email · Password · Forgot password? · Remember me for 30 days · New to Kestrel? · Create an account
2Sign up Sign up
Browser page with 6 paragraphs, 3 headings, 3 labels, 3 text inputs, 2 buttons, 2 dividers, a checkbox, a form and 5 more component types.
- Headings
- Kestrel · Set up in minutes, not sprints · Create your account
- Fields
- Your name · you@company.com · At least 8 characters
- Buttons and actions
- Sign up with Google · Create account
- Text and labels
- Connect your product, invite your team and see your first funnel before lunch. · 4.8 average from 2,300 reviews · Start your free 14-day trial. No credit card needed. · or · Full name · Work email · Password · Strong password · I agree to the Terms of Service and Privacy Policy · Already have an account? · Sign in
3Forgot password Forgot password
Browser page with 2 paragraphs, a button, a card, a footer, a heading, an icon, a label, a link and 2 more component types.
- Headings
- Forgot your password?
- Fields
- you@company.com
- Buttons and actions
- Send reset link
- Text and labels
- Enter the email you signed up with and we'll send you a link to reset it. · Email · Back to sign in · Didn't get the email? Check your spam folder or contact support@kestrel.io.
Open and edit it
The sign in and sign up flows 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.
- 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.
- 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.