🎈 Puck 0.18: The new drag-and-drop engine is here, with CSS grid & flexbox support →
DocsSupport
GitHubGitHub
  • Introduction
  • Getting Started
    • Component Configuration
    • Root Configuration
    • Multi-column Layouts
    • Categories
    • Dynamic Props
    • Dynamic Fields
    • External Data Sources
    • Server Components
    • Data Migration
    • Viewports
    • Feature Toggling
    • Custom Fields
    • Custom Interfaces
    • Theming
    • Plugins
    • Components
      • <ActionBar>
      • <ActionBar.Action>
      • <ActionBar.Group>
      • <ActionBar.Label>
      • <AutoField>
      • <Drawer>
      • <Drawer.Item>
      • <DropZone>
      • <FieldLabel>
      • <Puck>
      • <Puck.Components>
      • <Puck.Fields>
      • <Puck.Outline>
      • <Puck.Preview>
      • <Render>
    • Configuration
      • Config
      • ComponentConfig
    • Fields
      • Base
      • Array
      • Custom
      • External
      • Number
      • Object
      • Radio
      • Select
      • Text
      • Textarea
    • Functions
      • migrate
      • resolveAllData
      • transformProps
      • usePuck
    • Overrides
      • actionBar
      • componentItem
      • components
      • fieldLabel
      • fieldTypes
      • fields
      • headerActions
      • header
      • iframe
      • outline
      • preview
      • puck
    • Actions
    • App State
    • Data
    • Permissions
    • Plugin
Question? Give us feedback →Edit this page
DocsExtending PuckTheming

Theming

Whilst Puck provides the ability to create custom interfaces, there is currently no way to apply theming to the built-in Puck components.

We are actively exploring this via #139 on GitHub

Custom InterfacesPlugins

MIT © 2025 Measured Corporation Ltd.