E-commerce admin template for Tailwind CSS

An e-commerce admin for Tailwind CSS, with orders, products and checkout.

The Store section of Flightdeck covers the admin side of a shop: a store dashboard, the order list and order detail, the product list and a checkout flow from cart to confirmation.

About Flightdeck Buy for €79

Part of Flightdeck · One-time payment

Store dashboard. Net 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.

Orders end to end

An order list and an order detail with its timeline, from paid to refunded.

Checkout included

Cart, details, payment, review and confirmation screens, also as a clickable walkthrough.

Out of stock and other states

Out of stock, promo applied, invalid promo and payment errors are designed states.

Light and dark

Every screen in both themes, with WCAG AA contrast.

The screens

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

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.

Orders listScreenEvery store order with search and status, payment and date filters in a sortable, selectable table: order number, customer, item count, total, payment and fulfilment badges and date. Rows open the order; selected rows can be marked as fulfilled in bulk.

Order detailScreenOne store order: header with order number, payment and fulfilment badges and actions (Print, Refund with confirmation, menu); line items with subtotal, shipping, tax and total; the order timeline; customer, shipping and billing addresses and payment method in the side column.

ProductsScreenThe store catalog as a sortable table or a grid, toggled in the page bar, with category, status and stock filters. Each product has a neutral initials tile, price, stock (warning when low, destructive at zero), status and category.

Checkout paymentScreenStep 2 of the store checkout: card, SEPA direct debit or invoice as radio cards, the fields of the chosen method, a billing-address toggle and the order summary. The card fields are a UI demo; real apps use hosted fields.

PricingScreenThe in-app Plans page (the plan comparison; the Change plan screen does the switching): the plans as columns with a monthly/yearly toggle (or a comparison matrix, or a single plan), questions people ask before switching, a seat calculator that shows the monthly total with VAT, and how a change is prorated.

Questions

Is this a storefront theme?

No. It is the admin and checkout side of a shop, built for Tailwind CSS. Themes for Shopify and other site builders are on the way as separate products.

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