• For Designers
  • For Developers
  • For Editors
  • For Teams

Global Color Palette

All colors in your theme is connected to your global palette, including automatic tints and shades, making it super quick to change a color. Contrast color is suggested for optimal accessibility.

Global Swatches

Create unique swatches including gradients to use anywhere in your site.

Layout Editor

Visually edit all parts of your templates in our editor. Either starting from scratch or from our library of preset layouts.

Lottie animations

Upload any Lottie file and use in your theme. All graphics support blending modes and can be used as backgrounds.

Theme Development in the Cloud

Since TheDock run on top of WordPress application, all theme editing happens in the cloud. Gone are the days of .env files, local environments and deployment routines.

Say hello to a workflow with quick changes and instant theme updates.

Teams, from designers to developers, can also collaborate in TheDock, while editors can change content in WordPress just as easy as it has ever been.

MailChimp Block

Our custom MailChimp blocks integrates with the MailChimp API and makes it very easy to add a signup form anywhere in your site.

WordPress Content

Using our WP Editor Block you can control the placement and layout of your WordPress content.

Templating System

All parts of your site, such as pages, archives and single posts, have templates attached. TheDock visualizes the built-in template hierarchy of WordPress to give you full control of your theme.

You can even create templates that are exported as Custom Templates, to be assigned to any post in WordPress.

Global Base Size

All sizing, from typography to margins and widths, are based on a global Base Size to keep your layouts unison. No more setting margins and type sizes in exact pixels, REM for the win!

The Base Size is responsive to your screen size by default, but can be set to be static.

Typographic Scale

Use up to five global typographic styles, easily maintained through one unison control panel.

Curated library of typefaces

Our design team regularly handpicks new open source typefaces to use in our theme.

Upload any font

Simply drag-and-drop any .woff file to upload and use in your theme.

Custom Code

To ensure that anything is possible, theme’s built with TheDock support not only visual editing, but also custom code. Our code editors are built-in and you do not need to edit any files.

Add custom styling with CSS or scripts in JavaScript.

Add custom functions in PHP by extending your function.php file from within TheDock.

You can also create PHP Partials to extend your templates with custom coded parts, both as Sections and as Blocks.

Auto-adjusting Layouts

All your layouts are based on a 12 column grid which automatically adjusts your design to any screen size.

Global UI Style

Define your default border thickness, radius and shadows to be applied to all elements that support these features. The style can then be customized on every element as needed.

Unsplash images

Using our built-in Unsplash-integration for images you have a library of thousands of great images at your disposal at any time.

Global Button Style

Define the default styling for Buttons in your theme. Buttons come in three different variations, Full, Outline and Text, and each variation come in all colors of your theme. You can adjust Buttons in your layout to extend the default style.

Lazy-loading images

All images are lazy-loaded by default for optimal performance.

Gallery block

Our custom Gallery block have different layout options like grid and slideshow, controls for the UI, zoom-support and other effects.

Global Modules

Define global modules that can be used in more than one template in your theme. Quickly apply changes by changing the module.

You can also insert a module in a template and then detach the contents of your module. This way modules can be used as blueprints for a faster workflow. Any section in a layout can quickly be saved as a module adding it to your library, ready to be used in another template.

Sections modes

All sections in your layout can have different layout modes, including carousel and masonry layouts.

Advanced Areas

Using our Advanced Area feature turn your area add a background layer to your area and use CSS grid for more layout control such as overlapping the background and the content.

CSS Blend Modes

All graphics, including backgrounds and videos, have support for CSS Blend Modes. To ensure performance, grayscale images are generated for any image uploaded to your theme to avoid the use of filter.

Global Header

Your theme have a global header applied by default to all templates. The global header can hidden from the template settings.

The global header comes in two variants, one for desktop and one for mobile devices. By applying different styles, the menu can be placed on the top, on the side or as an overlay toggled by a button.

By default, your mobile menu is a overlay menu toggled by a button.

Effects and Parallax

Areas and Blocks support effects like fading in or changing position or scale in when in view or on hover.

You can also add parallax to elements to give more depth to your layout.

Custom WP Blocks

By using our custom WordPress blocks you can utilize core functionality like Menus, Widgets or Comments anywhere in your layout.

Custom Forms using CF7

Extending your theme with the Contact Form 7 plugin you can create custom forms in WordPress. With our Custom Form Block you can edit the style of the form.

Global Footer

Your theme have a global footer applied by default to all templates. The global footer can hidden from the template settings.

The footer consists of one or more sections that can be fully customized just as any section in any layout.

Scroll Snap support

All templates can use CSS Scroll Snap for scrolling a page section by section.

Post Types and Taxonomies

With our visual editor you can easily create new Post Types and Taxonomies using WordPress native functionality.

Organized data with ACF

When working with more data-oriented posts and layouts, the WordPress Block Editor (or the original Content Editor) does not offer an ideal workflow. Instead, WordPress have custom meta fields as a native feature, however the user experience of working with those native fields leave much to be desired.

Advance Custom Fields extends the core functionality to a much better editing experience, and any custom field added through TheDock will be connected to an appropriate field using ACF.