The dark version is made for night use, with muted text colors that stay easy to read. Book a flight in a few taps. The search screen takes the route, the dates and the travellers. The results screen lists flights by price, speed and stops.

What is included

• A trip type switch for round trip, one way and multi city
• From and to fields with a date row
• A traveller and class row and a search button
• Sort chips such as cheapest and fastest
• Flight cards with times, duration, stops and a select button

Where to use it

Use it for an airline app, a travel agency app or a fare comparison tool. Replace the cities, times and fares.

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.

Dark version

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