Creative Tim UICreative Tim UI

Table Header Blocks based on shadcn/ui

Files
app/table-header-with-title-and-cta/page.tsx
import { TableHeaderWithTitleAndCta } from "@/components/creative-tim/blocks/table-header-with-title-and-cta"

export default function Page() {
  return <TableHeaderWithTitleAndCta />
}
Table header with title, description, and action buttons
table-header-with-title-and-cta

Top Selling Products

Products based on their sales performance in the 2024.

import { TableHeaderWithTitleAndCta } from "@/components/creative-tim/blocks/table-header-with-title-and-cta"

export default function Page() {
  return <TableHeaderWithTitleAndCta />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Table header with title, search bar, and add button
table-header-with-search-and-cta

Members List

See information about all members

import { TableHeaderWithSearchAndCta } from "@/components/creative-tim/blocks/table-header-with-search-and-cta"

export default function Page() {
  return <TableHeaderWithSearchAndCta />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Table header with title, toggle switch, date picker, and CTA
table-header-with-switch-and-date

Overview Balance

Here you have details about the balance.

import { TableHeaderWithSwitchAndDate } from "@/components/creative-tim/blocks/table-header-with-switch-and-date"

export default function Page() {
  return <TableHeaderWithSwitchAndDate />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Table header with category badges, radio options, and multiple filters
table-header-with-categories-and-select
CompaniesProjectsTeamsMembers

Companies

Here you have details about the companies.

import { TableHeaderWithCategoriesAndSelect } from "@/components/creative-tim/blocks/table-header-with-categories-and-select"

export default function Page() {
  return <TableHeaderWithCategoriesAndSelect />
}