Fluight Logo

Build world-class travel apps. Faster.

Fluight is a React Design System obsessed with performance, accessibility, and developer experience. Build airline and travel agency UIs that are as robust as they are elegant.

Illustration of a flight user interface on an abstract background

📦 Available on npm

Install Fluight Design System in your project with a single command

npm install @tonirecio/fluight-ds
View on npm →

Designed for excellence. Built for speed.

Multi-Brand Theming

Thanks to the "Brand + Mode" architecture, you can adapt the UI to different brands (e.g., Iberia) and modes (light/dark) instantly. Full flexibility without sacrificing consistency.

Accessibility by Default

All components comply with WCAG 2.1 AA and ARIA standards. We guarantee an inclusive experience for everyone, with no extra effort on your part.

Superior Developer Experience

With an intuitive API, comprehensive Storybook documentation, and a robust token system, developing feels like flying first class.

Fluight application mockup showing a flight selector

From idea to product, non-stop.

Use our complex components like `LocationPicker` or `DatePicker` to build complete booking flows in a fraction of the time. Everything is responsive, consistent, and production-ready.

Try the app