Creative Tim UICreative Tim UI

Modal & Dialog Blocks based on shadcn/ui

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

export default function Page() {
  return <Modals01 />
}
Alert modal with confirmation input for reset settings
modals-01
import Modals01 from "@/components/creative-tim/blocks/modals-01"

export default function Page() {
  return <Modals01 />
}
Files
app/modals-02/page.tsx
import Modals02 from "@/components/creative-tim/blocks/modals-02"

export default function Page() {
  return <Modals02 />
}
Edit profile modal with form inputs and preferences
modals-02
import Modals02 from "@/components/creative-tim/blocks/modals-02"

export default function Page() {
  return <Modals02 />
}
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
Invite members modal with team management
modals-03
import Modals03 from "@/components/creative-tim/blocks/modals-03"

export default function Page() {
  return <Modals03 />
}
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 product modal with image gallery and form
modals-04
import Modals04 from "@/components/creative-tim/blocks/modals-04"

export default function Page() {
  return <Modals04 />
}
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
Upload files modal with drag and drop
modals-05
import Modals05 from "@/components/creative-tim/blocks/modals-05"

export default function Page() {
  return <Modals05 />
}
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
Publish capsule collection modal with metadata display
modals-06
import Modals06 from "@/components/creative-tim/blocks/modals-06"

export default function Page() {
  return <Modals06 />
}
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
Change collection visibility settings modal
modals-07
import Modals07 from "@/components/creative-tim/blocks/modals-07"

export default function Page() {
  return <Modals07 />
}
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
Disable collection lock rules modal with alert and impact list
modals-08
import Modals08 from "@/components/creative-tim/blocks/modals-08"

export default function Page() {
  return <Modals08 />
}
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
Transfer showroom ownership modal with form fields and warning
modals-09
import Modals09 from "@/components/creative-tim/blocks/modals-09"

export default function Page() {
  return <Modals09 />
}
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
Permanently remove archive modal with effects list
modals-10
import Modals10 from "@/components/creative-tim/blocks/modals-10"

export default function Page() {
  return <Modals10 />
}
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
Confirm vault deletion modal with text input verification
modals-11
import Modals11 from "@/components/creative-tim/blocks/modals-11"

export default function Page() {
  return <Modals11 />
}
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
Command palette modal with search and shortcuts
command-palette-modal

Command Palette

Quick navigation with keyboard shortcuts and recent actions.

Cmd + KCtrl + K/

Command Palette

Search for a command to run...

import CommandPaletteModal from "@/components/creative-tim/blocks/command-palette-modal"

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