🤩 FlyonUI Pro Update - New Dashboard & Application UI Blocks, Templates, Landing Page, FlyonUI MCP 🪄, and more!

Explore
Sort by
Blocks Header BG

Tailwind CSS Order Summary

Show customers a clear breakdown with Tailwind CSS Order Summary blocks. Highlight items, total price, and discounts in an organized, easy-to-read format.

FlyonUI Blocks

Order Summary 1

Use this Tailwind CSS order summary to display product details like name, color, and size, with total cost, shipping, discounts, and a button to continue eCommerce shopping.

Preview in Figma
Open in New Tab

Order Summary 2

Use this Tailwind CSS order summary to show product names, sizes, quantities, billing address, payment method, subtotal, discounts, and a continue shopping option.

Preview in Figma
Open in New Tab

Order Summary 3

Use this Tailwind CSS order details block to list items, quantities, prices, delivery date, and options to track or cancel the order for a clear eCommerce summary.

Preview in Figma
Open in New Tab