Let patients find a doctor and book a slot without leaving the phone. The first screen lists doctors with ratings and the next free time. The second picks a day, a time and a visit type.

What is included

• A search field and specialty chips
• Doctor cards with rating and next slot
• A five day date picker
• A grid of time slots with one selected
• An in clinic or video call switch and a fee row

Where to use it

Use it for a clinic app, a telehealth service or a hospital booking flow. Replace the doctors and fees with your own data.

How to use it

Copy the component with the copy button and paste it into Figma with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can edit text, colors and spacing. The text uses Plus Jakarta Sans, a free font on Google Fonts. Install it first so the text looks the same.

Light version

This listing is the light version. The dark version is listed separately, so you can pick the one that fits your project.