Table Header Blocks based on shadcn/ui
Clean table header with title, subtitle description, and action buttons (View Report, Filter). Perfect for data table headers with simple navigation and filtering options.
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 />
}
Member list header with title, description, search input field with icon, and add member button. Perfect for user management tables and member directories.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROMembers 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 />
}
Comprehensive project header with tabs for filtering (All Projects, Sprint 1, Sprint 2), sort dropdown, search bar, and new project button. Perfect for project management and task tracking tables.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROCompany Projects
Here you have details about the projects.
import { TableHeaderWithTabsAndSearch } from "@/components/creative-tim/blocks/table-header-with-tabs-and-search"
export default function Page() {
return <TableHeaderWithTabsAndSearch />
}
Balance overview header with toggle switch for refund filtering, date picker, and view report button. Perfect for financial tables and transaction reports with date-based filtering.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROOverview 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 />
}
Advanced company data header with category badges, radio button filters (All, Files, Payments), multiple select dropdowns, view toggle buttons (list/grid), and download CSV option. Perfect for complex data tables requiring multiple filtering dimensions.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROCompanies
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 />
}