Creative Tim UICreative Tim UI

CRUD Blocks based on shadcn/ui

Files
app/cruds-01/page.tsx
import Cruds01 from "@/components/creative-tim/blocks/cruds-01"

export default function Page() {
  return <Cruds01 />
}
Edit apparel item form with product details
cruds-01

Edit Apparel Item

Update product information, pricing, and categorization for your fashion inventory.

import Cruds01 from "@/components/creative-tim/blocks/cruds-01"

export default function Page() {
  return <Cruds01 />
}
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
Update retail staff profile form
cruds-02

Update Retail Staff Profile

Manage employee account credentials and contact information for retail team members.

import Cruds02 from "@/components/creative-tim/blocks/cruds-02"

export default function Page() {
  return <Cruds02 />
}
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
Stylist account settings with profile photo upload
cruds-03

Stylist Account Settings

Configure your profile, roles, and permissions for your stylist account.

PNG, JPG, JPEG or GIF (max. 800x400px)

import Cruds03 from "@/components/creative-tim/blocks/cruds-03"

export default function Page() {
  return <Cruds03 />
}
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
File manager with grid/list views and upload dropzone
file-manager

File Manager

Organize documents, folders, and shared assets.

Design Files

12 files

Contracts

7 files

Marketing

24 files

Product Roadmap Q2.pdf

Updated 2 hours ago

PDF
2.4 MBOwner: Emma

Invoice-1290.xlsx

Updated Yesterday

XLSX
980 KBOwner: Ryan

Press Kit.zip

Updated Sep 12, 2025

ZIP
14.2 MBOwner: Ava

Release Notes.md

Updated Sep 8, 2025

Markdown
18 KBOwner: Ken

Drop files to upload

Supported formats: PDF, ZIP, PNG, JPG

import FileManager from "@/components/creative-tim/blocks/file-manager"

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