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
Which version? For Bootstrap 5, you can go cutting-edge and start with 6.x or start stable and go with 5.x (don't!), for Bootstrap 4, download 8.x-4.x. For Bootstrap 3. download 8.x-3.x.
Quick start for Radix 6 (Drupal 10.1+)
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
- Enable the Single directory components and Serialization:
drush en sdc serialization -y
- Download and enable the Radix theme:
composer require 'drupal/radix:6.0.x-dev@dev'
- 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
Documentation on how to use the theme is coming soon or go ahead and discover!
Quick start for Radix 5 (Drupal 8 & 9)
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:
- Getting Started with Bootstrap 5 using Radix in Drupal 10 (2023) by WebWash
- Creating a Bootstrap 5 Subtheme in Drupal using Radix video by Mark Kindred
On an already-running Drupal installation:
- 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
- Download and enable the Radix theme:
composer require drupal/radix; drush then radix
- 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
- Install dependencies:
cd /path/to/SUBTHEME_NAME
and then switch to the appropriate node version using nvm:
nvm use
followed by:
npm install
- Copy the proxy.example.js to proxy.js in the config directory of your subtheme:
cp config/proxy.example.js config/proxy.js
- Update
proxy
variable to your localhost address inconfig/proxy.js
(this file is .gitignored by default to avoid overrides) - Watch:
npm run watch
Support and Credits
- Issue queue: Create an issue in the issue queue.
- Drupal Slack Channel: Radix
- Documentation: 📚 Radix handbook
Project information
- 9,549 sites report using this theme
- Created by shadcn on , updated
- Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
Releases
Development version: 6.0.x-dev updated 15 Mar 2024 at 11:39 UTC
Development version: 5.0.x-dev updated 10 Dec 2023 at 08:42 UTC
Development version: 8.x-4.x-dev updated 12 Nov 2023 at 10:41 UTC