DXPR Theme | AI Drupal Theme | Low-code Drupal 11 Bootstrap 5 Theme

Launch your Drupal website faster than ever with minimal coding

Top 5 benefits of DXPR theme

1. Design a website that stands out: Customize every detail using DXPR Theme's flexible options to create a unique presence online.
2. Connect with your audience on any device: Ensure a seamless viewing experience across all devices with mobile optimization.
3. Be visible and be found: Enhance your site’s SEO to increase organic traffic significantly.
4. Accelerate your site's performance: Improve site speed and user engagement with our lightweight design.
5. Get the help you need: Access our comprehensive documentation and dedicated customer support anytime you need assistance.

Low-code Drupal theme

Works great with and without our Drupal layout builder

Create a stunning website in minutes: Build your dream site with DXPR Theme's free, premium design, and customize it to perfection with over 200 settings.

Launch your website in no time: DXPR Theme saves you time and hassle at any experience level, so you can focus on what matters.

Modern features for today's web

AI Integration

• AI-Powered Color Palettes: Generate harmonious color schemes from natural language descriptions. Optional: requires the Drupal AI module with a configured chat provider.

Accessibility

• WCAG AAA High Contrast: Built-in high contrast color scheme for maximum accessibility
• Scalable typography: Rem units throughout for better font scaling and user preferences
• Full keyboard navigation: All interactive elements accessible via keyboard

Performance & Privacy

• Lightning fast: jQuery-free vanilla JavaScript and optimized font loading
• Privacy-focused: Host Google fonts locally for GDPR compliance
• Progressive Web App ready: Apple Touch Icons and Web App Manifest support included

AI Coding Assistant Integration

DXPR Theme includes a built-in Agent Skills file that teaches AI coding assistants how to manage all 163 theme settings through natural language. Run drush dxt:setup-ai to enable, then ask naturally:

• "Set the header layout to centered with a sticky navbar"
• "Generate a warm color palette for a bakery website"
• "Make the body font size 18px and switch headings to Playfair Display"
• "Export all theme settings so I can import them on staging"
• "Set this page to full-width layout and hide the sidebar"
• "Generate a modern font pairing for a tech startup"

Compatible with Claude Code, Codex CLI, Gemini CLI, GitHub Copilot, Cursor, and other tools supporting the standard.

Developer Experience

• Live preview: See theme setting changes instantly with CSS variables
• Searchable settings: Find any of the 200+ theme settings quickly with built-in search
• Bootstrap 5 utilities: Full support for Bootstrap 5 utility classes mapped to theme colors
• Search API support: Full Screen Search block works with core search or Search API

Intelligent dropdown menu system

Smart dropdowns that automatically adapt: linked items become split buttons, placeholders become toggles. Supports multi-level submenus, multi-column layouts, and full keyboard navigation.

Successful sites powered by DXPR theme

1. United Nations Partnership on the Rights of Persons with Disabilities's site uses the DXPR Theme for a visually appealing, accessible, and consistent brand identity, optimized for various devices.
2. Senator Sinema's official site adopts the DXPR Theme for a clean, user-friendly, and mobile-optimized platform.
3. International Organization for Migration's Storyteller website leverages the DXPR Theme's customizable, multilingual, and mobile-optimized design for engaging storytelling.
4. Minuteman Library Network uses the DXPR Theme to create a visually appealing and easy-to-navigate site with a consistent brand identity.
5. SWARCO employs the DXPR Theme's responsive design, layout options, and SEO-friendly features to showcase their expertise.
6. Nuspark leverages the DXPR Theme and Builder for a professional, unique design and efficient content management.
7. More DXPR sites

Create your dream website with DXPR Theme's easy customization

Color settings

Easily change the color scheme of your site with DXPR Theme's color settings. Choose from a wide range of colors and customize the color palette to match your brand or website style.

Layout settings

DXPR Theme offers several layout options for your site, including boxed, full-width, and wide-width layouts. Choose your desired layout to create a perfect site structure for your content.

Header settings

Customize the header of your site with DXPR Theme's header settings. Change the logo, header height, and header background color with a few clicks.

Typography settings

DXPR Theme's typography settings allow you to choose from over 800 Google fonts and customize font size, font family, font weight, and more.

Custom CSS / JS settings

DXPR Theme lets you easily add sitewide custom CSS and JS code through the theme settings form.

Supported and updated

DXPR Theme has been around for 11 years, and we continue to support and update it. Our dedicated team of developers ensures that DXPR Theme remains compatible with the latest version of Drupal and other popular Drupal modules.

Based on Bootstrap framework

DXPR Theme uses Bootstrap so that you can incorporate its powerful features, such as responsive design, typography, and form controls, into your website. Bootstrap is familiar to most frontend developers which makes it easier to implement and customize.

Dependencies

• Color module
• DXPR Theme Helper module

Related Modules

• DXPR Builder - AI-powered drag-and-drop Drupal page builder; DXPR Theme provides utility styles for the builder
• DXPR Theme Helper - Required companion module for theme settings and page layout control
• Bootstrap 5 - Base theme providing the Bootstrap 5 framework
• Media Library Form Element - Required dependency for media selection in theme settings
• Diff - Content revision comparison; DXPR Theme extends with custom styling
• Gin - Admin theme; DXPR Theme overrides Gin base styles and extends the Gin toolbar

Learn more about DXPR Theme, a core component of DXPR CMS.