Creative Tim UICreative Tim UI

Order history table - shadcn/ui

PRO

Add this Tailwind CSS block to your project if you want to provide customers with an overview of their past orders. The layout is clean and straightforward, designed to provide essential details at a glance, with options to retrieve more detailed information if necessary, styled with shadcn/ui.

Preview

Component Details

ID
order-history-01
Type
Block
Access
PRO
Category
Ecommerce
Published
3 Apr 2026

Files Included

  • app/order-history/page.tsx
  • components/creative-tim/blocks/order-history-01.tsx

Components Used

Explore More Blocks

User Profile
User ProfileProfessional user profile components for React and Next.js. Build user profile cards, account overviews, profile headers with statistics, social media links, and customizable layouts for displaying user information and achievements.
x402
x402Internet-native payment protocol components for React and Next.js. Build AI agent payments, HTTP-based stablecoin transactions, and autonomous commerce experiences using the x402 protocol.
Hero
HeroEye-catching hero section components for React and Next.js. Build landing page heroes, call-to-action sections, lead generation forms, and compelling above-the-fold content.
Onboarding
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
Layout
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.
Navbar
NavbarResponsive navigation bar components for React and Next.js. Build top navigation menus, mobile-friendly headers, search bars, breadcrumbs, and navigation layouts with dropdowns, icons, and user profiles.
Banner
BannerAttention-grabbing banner components for React and Next.js. Build notification banners, promotional headers, announcement bars, and call-to-action banners with dismissible options.
Table Footer
Table FooterProfessional table footer components for React and Next.js. Build pagination controls, row selection displays, date range filters, progress indicators, and action buttons for data tables with customizable layouts.