Tailwind CSS admin dashboard template

A Tailwind CSS admin dashboard template with every state designed.

Flightdeck gives you complete dashboards, not a grid of widgets: analytics, CRM, sales, usage, projects, a store and a helpdesk overview. Each one is a screen with loading, empty and error states, in light and dark, inside one of 6 app shells.

About Flightdeck Buy for €79

Part of Flightdeck · One-time payment

Analytics dashboard. Product analytics for a SaaS workspace: key metrics, daily visitors against the previous period, sign-up funnel, channels, top pages and countries.

Real dashboards

Every dashboard answers one question, from product analytics to the health of your customer base, with the tables and charts that question needs.

Every state

Loading, empty and error states on every dashboard, block and screen, so the first day of a new account looks as considered as the hundredth.

Light and dark

Every screen in both themes, from the same semantic tokens, with WCAG AA contrast.

Tailwind CSS v4 and Astro

Typed Astro components with a manifest per item, plus static HTML for every screen if you use another stack.

The screens

What each one is for, from its manifest. Open a screen to see it large.

Analytics dashboardScreenProduct analytics for a SaaS workspace: key metrics, daily visitors against the previous period, sign-up funnel, channels, top pages and countries.

CRM dashboardScreenHow healthy the customer base is: paying customers, MRR, net revenue retention and churn, a customer table with plan, seats used, MRR, status and owner, revenue by plan and recent customer activity.

Sales dashboardScreenWhether this quarter is on track: new MRR, deals won, win rate and average deal size against last quarter, the open pipeline by stage, 24 months of MRR against a target line and the top open deals.

Usage dashboardScreenHow the product is being used: daily and weekly active users, stickiness and API calls, a 90-day DAU chart, feature adoption and API calls by endpoint, with a live chip. Service uptime lives on the status page, not here.

Projects dashboardScreenWhich projects need attention: open, at-risk, over-budget and overdue counts, the projects at risk with their reasons, open tasks per person, deadlines in the next 14 days and tasks completed per week.

OverviewScreenThe Overview of Northwind Cloud as a personal start page: four numbers to check, the tasks due in the next week, the projects you follow with status, the newest unread messages and the latest workspace activity. Every row links to the screen where the work happens.

Store dashboardScreenNet revenue, orders, average order value and refund rate for the add-on and merchandise store, a cumulative revenue chart against the previous 30 days, top products and the latest orders. Also owns the shared store data (products and orders) the other store screens import.

Helpdesk dashboardScreenHow the support desk is doing: open tickets, median first response and resolution time, CSAT, tickets created against solved per day, what customers ask about, and who carries how much.

Questions

Which dashboards are included?

Analytics, CRM, sales, usage, projects, a workspace home, a store dashboard and a helpdesk dashboard, plus the blocks they are built from (KPI rows, data tables, bar lists, charts) to make your own.

Does it work without Astro?

Yes. Every screen and component also ships as static HTML. Open html/index.html in your browser and copy the markup into any project.

What else is in Flightdeck?

204 screens, 62 blocks, 44 components, 6 app shells and 18 clickable walkthroughs for admin and SaaS apps, in light and dark. These screens are one part of it.

What does it cost?

€79 once for one person, €499 for your whole company, with Team and Studio licenses in between. All include lifetime updates and unlimited projects. Free for everyone who bought AirControl.

Get these screens and the rest of Flightdeck.

€79 once for one person, €499 for your whole company. Lifetime updates included.

Buy for €79 See everything inside