---
url: 'https://dxpr.com/markdownify/taxonomy/term/1025'
title: 'Architecture and APIs | DXPR'
author:
  name: Anonymous
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: website
summary: 'How the module is put together and the interfaces it exposes to your code. Pick the row for the question you have. I want to ... Use Needs see how the field, the editor and the front-end script work together Architecture Nothing know what each submodule provides Submodules Nothing learn the class naming scheme and how it meets Bootstrap CSS architecture CSS add utility classes, icon sets or alter the field render array Hooks API reference A custom module call PHP services, JavaScript extension points or HTTP routes API reference A custom module call the AI routes the editor uses for text, images and pages AI API reference AI set up on the site Which should I use Start with the architecture page; the others assume its picture of the field, the editor and the front-end script. Use the hooks for small changes from a module, and the API reference when you integrate another system.'
tags:
  - Extend
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
---
## [Architecture and APIs

 ](/hc/documentation/learn-dxpr-builder/extend/architecture)

How the module is put together and the interfaces it exposes to your code. Pick the row for the question you have.

| I want to ... | Use | Needs |
|---|---|---|
| see how the field, the editor and the front-end script work together | [Architecture](/hc/documentation/learn-dxpr-builder/development/architecture) | Nothing |
| know what each submodule provides | [Submodules](/hc/documentation/learn-dxpr-builder/development/submodules) | Nothing |
| learn the class naming scheme and how it meets Bootstrap | [CSS architecture](/hc/documentation/learn-dxpr-builder/development/css-architecture) | CSS |
| add utility classes, icon sets or alter the field render array | [Hooks API reference](/hc/documentation/learn-dxpr-builder/development/hooks-api) | A custom module |
| call PHP services, JavaScript extension points or HTTP routes | [API reference](/hc/documentation/learn-dxpr-builder/development/api) | A custom module |
| call the AI routes the editor uses for text, images and pages | [AI API reference](/hc/documentation/learn-dxpr-builder/ai/api-reference) | [AI set up](/hc/documentation/learn-dxpr-builder/ai/setup) on the site |

## Which should I use

Start with the architecture page; the others assume its picture of the field, the editor and the front-end script. Use the hooks for small changes from a module, and the API reference when you integrate another system.