Customization Walkthrough

A complete guide to making DirectoryKit your own.

Overview

DirectoryKit is designed to be customized entirely through configuration files. This walkthrough covers the most common customizations.

You rarely need to modify component code. Start with config files — they control branding, features, pricing, and more.

Branding

See Branding for a detailed guide on logos, colors, and fonts.

Features

Toggle features on/off in config/features.config.ts. Disabled features are automatically hidden from the UI and return 404 from API routes.

See Features Config for details.

Theming

DirectoryKit supports 14 built-in color themes, dark/light mode, and fully custom themes via the admin panel.

See Theming for the full guide.

Adding new pages

See Adding Pages for instructions on creating new routes that fit into the existing layout.