Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 — Update released for Drupal core (11.3.7)! drupal 11.2.11 — Update released for Drupal core (11.2.11)! drupal 10.6.7 — Update released for Drupal core (10.6.7)! drupal 10.5.9 — Update released for Drupal core (10.5.9)! cms 2.1.1 — Update released for Drupal core (2.1.1)! drupal 11.3.6 — Update released for Drupal core (11.3.6)! drupal 10.6.6 — Update released for Drupal core (10.6.6)! cms 2.1.0 — Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 — Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 — Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 — Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 — Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 — Minor update available for module ai (1.3.3). ai 1.2.14 — Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 — Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 — Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 — Minor update available for module klaro (3.0.10). klaro 3.0.9 — Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 — Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 — Minor update available for module geofield_map (11.1.8).
← All themes

radix

9,121 sites Security covered
View on drupal.org

Radix is the original component-based theme for Drupal. It comes with Bootstrap 5, Sass, ES6, BrowserSync, BiomeJS built-in.

 

 

Radix Documentation

Read the comprehensive documentation on Radix 6.x and learn about its ideology and structure

 

📚 Radix Documentation

Which version? For Bootstrap 5 use 6.x, for Bootstrap 4, download 8.x-4.x. For Bootstrap 3. download 8.x-3.x.

Quick start for Radix 6 (Drupal 10.3+)

Note that 6.x works with Starterkit theme and Single directory components in the core, so no need to use the components module anymore:

Drupal Radix CLI

Try our new Radix CLI with features like list, add and generate new components



 

Getting started with Radix CLI

Radix 6 Tutorial

  • Download and enable the Radix theme:
    composer require 'drupal/radix:^6.0'

  • Create a sub-theme using Drush (Considering you are using drupal/recommended-project):
    drush --include="web/themes/contrib/radix" radix:create SUBTHEME_NAME

  • Set default theme:
    drush then SUBTHEME_NAME -y; drush config-set system.theme default SUBTHEME_NAME -y

  • Go to the newly created theme directory:
    cd /path/to/SUBTHEME_NAME

  • and then switch to the appropriate node version using nvm:
    nvm use

  • Install the required packages:
    npm install

  • In the root of the theme, create a copy of the .env.example and rename it to .env.local:
    cp .env.example .env.local

  • Update the DRUPAL_BASE_URL variable in your .env.local to point to your localhost address (this file is .gitignored by default to avoid conflicts)

  • Watch:
    npm run watch

  • Build for production:
    npm run production

    • Quick start for Radix 5

    Watch A quick walkthrough of Radix:5.x, the theme structure and how to get started video you can see below:

    💡▶ Watch Radix 5.x Getting Started Video

     

    Also, you may watch:

     

    On an already-running Drupal installation:

    1. Download and enable the components module, if you are on Drupal 10 make sure to use composer require ^3.0 version:
      composer require drupal/components
      drush en components -y
    2. Download and enable the Radix theme:
      composer require drupal/radix; drush then radix
    3. Create a sub-theme using Drush (Considering you are using drupal/recommended-project):
      drush --include="web/themes/contrib/radix" radix:create SUBTHEME_NAME
    4. Set default theme:
      drush then SUBTHEME_NAME -y; drush config-set system.theme default SUBTHEME_NAME -y
    5. Install dependencies:
      cd /path/to/SUBTHEME_NAME
      and then switch to the appropriate node version using nvm:
      nvm use
      followed by:
      npm install
    6. Copy the proxy.example.js to proxy.js in the config directory of your subtheme:
      cp config/proxy.example.js config/proxy.js
    7. Update proxy variable to your localhost address in config/proxy.js(this file is .gitignored by default to avoid overrides)
    8. Watch:
      npm run watch

    Support and Credits

     

    Join the Radix Slack channel

    .

    Or search for #radix on Drupal Slack.

     

    Activity

    Total releases
    4
    First release
    Jan 2025
    Latest release
    9 months ago
    Release cadence
    54 days
    Stability
    100% stable

    Release Timeline

    Releases

    Version Type Release date
    8.x-4.15 Stable Jun 30, 2025
    8.x-4.14 Stable Jun 27, 2025
    6.0.2 Stable May 8, 2025
    6.0.1 Stable Jan 18, 2025