Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.

This base theme bridges the gap between Drupal and the Bootstrap Framework.

Features

• jsDelivr CDN for "out-of-the-box" styling and
  faster page load times.
• Bootswatch theme support, if using the CDN.
• Glyphicons support via Icon API.
• Extensive integration and template/preprocessor overrides for most of the
  Bootstrap Framework CSS, Components and JavaScript
• Theme settings to further enhance the Drupal Bootstrap integration:
  • Breadcrumbs
  • Navbar
  • Popovers
  • Tooltips
  • Wells (per region)

Documentation

Visit the project's official documentation site or the markdown files inside the ./docs directory.

Supported modules

Drupal 8

• Bootstrap Layouts

Drupal 7

• Bootstrap Core
• jQuery Update
• Icon API
• Picture
• Views (partial support)
• Webform (partial support)

5 Year Evolution (gource)

https://youtu.be/Cvq6MPJp2dI

Adminimal is the most popular contribute Administration Theme for Drupal

Based on the original "seven" theme, Adminimal brings unique features like: Modern minimalist design, responsive layout, usability improvements, customization, module specific styles, and many more...

Zen is a modern, powerful, HTML5 starting theme with component-based CSS and a responsive, mobile-first grid design. If you are building your own standards-compliant theme, you will find it much easier to start with Zen than to start with Bartik or Stark. This theme has fantastic online documentation and tons of helpful code comments in its JavaScript, PHP, HTML, CSS and Sass.

Zen now comes with modern front-end development practices!

	HTML5	RTL	Mobile-first	Components	Style guide	Task runner
7.x-6.x
7.x-5.x

A radically new UI layout paired with goodies like a Darkmode will give your Drupal's Admin interface a facelift. The Gin theme also includes things which are currently out of scope for Claro and/or some customisations we're experimenting with for the future. Built on the foundation of Claro from one of the lead designers of Claro & Drupal Design System.

Version

The 8.x-3.x requires Drupal 8.9+. This branch is actively maintained.
This uses the new "Future UI".

Older Versions
8.x-3.x-alpha37 is the last release to support Drupal 8.8.
8.x-2.x requires Drupal 8.8+
8.x-1.x requires Claro installed as a contrib module. (Drupal < 8.8)

Installation

1. composer require 'drupal/gin:^3.0'
2. Enable the Theme in the backend /admin/appearance
3. Set it as default Administration theme

⚠️ Unable to install / Unable to update

This might be related to your minimum-stability setting in composer.
Solution: composer require drupal/gin_toolbar:^1.0@beta drupal/gin:^3.0@beta

Settings

Gin's Settings can be found at /admin/appearance/settings/gin

• 🌒 Darkmode
• Accent colors (🔵 Blue, 🟠 Orange, 🟢 Green, 🔴 Red, 🟣 Purple etc.)
• Use your own custom Accent color
• Ability to change the focus color
• Choose from 3 different Toolbars (Sidebar, Minimal, Legacy)
• User overrides
• Support for custom CSS overrides (see "Notes" section)
• Custom Logo support (e.g. Brand/Client)
• High contrast mode (Experimental)

Drupal 8/9 - Bootstrap 4/5 (Flex based)

Barrio is a Drupal 8/9 - Bootstrap 4/5 Base Theme. Drupal markup is completely overwrite as standard Bootstrap 4/5 markup using from roots twig templates referencing only to Bootstrap CSS, and little custom CSS. Barrio is Flex based for whatever is not covered by Bootstrap.

New: Bootstrap 5 offcanvas menus and option to hide node titles on all view modes

Docksal Barrio Drupal 9 Boilerplate

SASS Barrio Drupal 9 Starterkit

This theme has no style rather than layout to serve as a start Base Theme.

Starterkit subtheme is fully integrated with Color Module.

1, 2 or 3 columns are handled automatically with configurable column widths. An extensive easy to use configuration form allows to configure 'Bootstrap Style' tables, buttons, navbars, containers, rows, Google Fonts, icons, messages, menus, etc.

Cards and Media Bootstrap layouts are declared to use them out of the box on Barrio Subthemes.

Bootstrap Cards and Media Quick Tutorial.

For awesome block style manipulation use Block Styles Module. With this module any block could be turned into dropdown, modal or collapse with a click. It also let you add classes to blocks allowing padding and margins being handled from configuration.

✔ SASS

Almost every Drupal CSS is overriten using Bootstrap variables for sitewide standard colors and spacing. Based on Google Material Design full color scheme is generated including variants for main and secondary colors.

This subtheme is compatible with Bootstrap Material Design.

✔ Features

• Columns
  • Column based grid
  • 1, 2 and 3 column automatic layouts
  • User defined column widths
  • Container and container fluid layout
• Markup
  • Standard Bootstrap 4 or 5 markup replacing Drupal twig templates
  • Easy to customize twig templates
  • Standard markup for header navigation
  • Bootstrap 5 offcanvas menu
  • Hide node titles on all view modes
  • Multilevel main menu flyout submenus options
  • Collapsed left slide main menu option
  • Bootstrap form elements, including custom elements
  • Classes to identify menu links
  • Customized Bootstrap themed tables
  • SVG icons integration on default links
  • Scroll class on body on window scroll, with scroll up and down class added on scroll behaviour
  • Three options for messages customizations
  • Replace Commerce templates with Bootrstrap twig template
• Features
  • Color Module integration on subtheme
  • Bootswatch integration via CDN
  • Predefined Google Fonts combinations
  • Card Column Views template to alllow card column listings
  • Extra theme suggestions for entities and blocks
  • Body classes for entities and views

✔ Installation

• Download and install Barrio.
• Define Barrio Settings
• Choose how to load Bootstrap files, CDN or locally
• If load Bootstrap files from CDN, choose version to load on Bootstrap Library settings.

✔ Bootstrap Libraries Load

    "scripts": {
        "post-install-cmd": [
            "@composer drupal-scaffold"
        ],
        "post-update-cmd": [
            "@composer drupal-scaffold",
+           "mkdir -p web/libraries/bootstrap",
+           "cp -R vendor/twbs/bootstrap/dist web/libraries/bootstrap"
        ],

Also, Bootstrap Libraries could be loaded by the Bootstrap Library module, this give you extra flexibility to load the library either via CDN or locally, choosing an up to date Bootstrap version regardless of the theme version.

Adaptivetheme for Drupal 8/9 is a base theme designed for people who don’t code, or for those who only want to write a bit of CSS but still want a sleek and sophisticated theme for todays mobile web - and beyond.

Use the AT Generator module (included in AT Tool) to generate unlimited themes, clones of themes, and even skin themes. You never interact with Adaptivetheme (at_core) directly, it simply provides the advanced features used by your sub-themes.

• Theme generator using AT Tool module.
• Generate page suggestions and modify page layout.
• Set column layout per breakpoint (and per suggestions).
• Re-order row layouts per breakpoint (and per suggestions).
• Uses Flexbox.
• Easily create new regions, rows and layouts.
• Breakpoint module support.
• Responsive layouts for Display Suite, Paragraphs and Panels.
• Web fonts, support for Google, Typekit and local fonts
• Responsive menus - 8 different menu styles built in.
• Responsive local tasks, pagers, tables, book navigation etc.
• CSS shortcodes.
• CSS Animations.
• Slideshows and carousels built in (flexslider) with configurable settings.
• Image field positioning & captions.
• Touch icon support for iOS - default set included.
• Hide or show blocks in mobile
• Color module support (optional).
• FontAwesome.
• Many JS plugins included - all loaded from the super-fast Cloudflare CDN.
• ... and a lot more!

Docs: D8 - docs.adaptivethemes.com
Dependencies: AT Tools module
Versions: Important reading for upgrades and versions of D8 Adaptivetheme and the AT Tools module

Omega Five for Drupal 8

Omega Five brings back the ever popular user interface that allows for editing the responsive layout through the theme settings form making it possible for users of ALL abilities to create and adjust a fully responsive theme to their needs.

Omega Five Development Status

Primay feature development for Omega is happening at github.com/himerus/omega

The Drupal 8 version of Omega Five has been updated and released as 8.x-5.0-alpha7. There is still much development to be done on the 8.x-5.x branch before things can be considered stable. There will potentially be problems in upgrading from one alpha release to the next without renaming and editing files where structure changes.

Omega Five Features

The current list of features for Omega Five is only a small sampling of the features available. This section will be updated with additional features and descriptions as it nears a stable release for Drupal 8.

• Fully Responsive layout(s) and highly configurable presentation of that layout in each responsive breakpoint.
• Full integration of layout_discovery in Drupal 8.3+ (in development)
• Ability for single or multiple layout configurations. You can then select which layout to use on the homepage, individual node types, and for taxonomy vocabularies.
• Create subthemes and clone themes through the Omega interface.
• Features for advanced themers like adding a config.rb, Gemfile, or Gulpfile to generated subthemes to aid in advanced front end development.
• Layout inheritance in subthemes so you can create a base theme for your project that controls layout and base styles, allowing subthemes to inherit ALL layout configurations from the parent.
• SCSS without the hassle: Don't know what Compass/Sass/Guard/Gobbledeegook is? No problem. Omega can handle the heavy lifting while setting up your subtheme to be ready to use more advanced front end development practices.

Radix is a base theme for Drupal. It has Bootstrap 4 and 5, Sass, ES6 and BrowserSync built-in.

Bootstrap 5 based theme.

This is a very non-prescriptive Bootstrap 5 theme with simple configuration. It can be used out of the box or as a subtheme for creating very flexible web designs with minimal changes (just override Bootstrap 5 variables.scss and recompile SCSS!)

Do you like grid systems? How about rapid prototyping? Do you believe in mobile first? Then this theme is for you.

From the Zurb Foundation homepage:

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.

Mockups don't tell a story. Build a prototype in no time.

The difference between a good site and a great site is iteration — building something, playing with it, refining it. In Foundation, we've included dozens of styles to help you quickly prototype a site.

Bootstrap 4 based theme.

Corporate Clean for Drupal by More than (just) Themes is based on the homonymous PSD template, which was designed and published by Zsolt Kacso.

Corporate Clean theme has been ported to Drupal and is supported by More than (just) Themes, as part of our ongoing effort to bring top quality themes to Drupal community. Corporate Clean theme 7.x-2.x releases come with a responsive grid layout.

To stay tuned with new theme releases, updates to existing themes, offers and other goodies follow us on Twitter or like us on Facebook. Check out our blog too.

Danland is clean, simple, elegant, and beautiful theme for Drupal 6.x, Drupal 7.x, and Drupal 8.x. This theme includes an image slideshow or photo slideshow feature on standard installation, Danland also include one subtheme without slideshow feature.

Danland demo site (all jQuery plugins disabled).

Danland is very suitable for all types of websites; from corporate site to blog site, and it works perfectly in every browser; tested in IE6/7/8, Opera, Safari, Chrome and Firefox.

Features of Danland 6.x and 7.x:

• 1, 2 or 3 column layout
• Tableless design for SEO
• More than 17 collapsible block regions
• Superfish drop-down menu (2, 3 or more nested levels) and the shadow is enabled by default
• Built-in image slideshow (the frontpage wide image banner)
• Built-in IE transparent PNG fix
• Custom front page
• Wide image banner 950x355px. You can replace with your own photo for custom look
• XHTML 1.0 and CSS 2.1 validated
• User picture in profile, comments and post
• Primary links and secondary links
• Supports custom logo and favicon
• Support features like site name, slogan, mission.
• Custom login and logout
• Heading H1 optimization for SEO
• Support for local.css
• CiviCRM friendly
• Complete online documentation

1 sub-theme included

• Danblog is Danland without frontpage image banner and slideshow features, and we also change the global font-family from Arial to Verdana.

The wide banner featured in this release using a beautiful photo of Rodrigo and Marinelli image banner, both released under GPL license.

Tao is a base theme for Drupal that is all about going with the flow. It is not
meant for general-purpose use, but instead takes care of several tasks so that
sub-themes can get on with their job:

Bootstrap Business for Drupal by More than (just) Themes is a responsive Drupal theme, that helps you create a great-looking corporate/business site. Design-wise, it is based on original design work by AyoThemes.

Business Theme is a great looking Drupal 7 theme. The theme is not dependent on any core theme. Its very light weight with modern look and feel. Business's clean layout and light weight code make it a great theme for small or medium-sized business to get up and running quickly.

Features

• Simple, Elegant, Minimal and Clean Design
• Fixed Width (920px)
• 1-column and 2-columns layout
• Color module integration
• Implementation of JS Slideshow (Customizable)
• Multi-level drop-down menus (Multilingual menu)
• HTML5 & super clean markup
• A total of 12 regions & Drupal standards compliant
• Custom front-page with 4 block regions
• Configurable layout : Sidebar can be Right or Left
• Ideal for corporate, business and personal sites
• Use of Google Font and Nice Typography
• Supported standard theme features: site logo, site name, site slogan, user pictures, favicon
• Detailed CSS rules for Typography, Forms Elements, Node Teaser, Comments, etc.

Like this? Have a look at our Free Themes.

The AMP theme works together with the AMP module and AMP library to convert Drupal pages into pages that comply with the AMP standard.

See links to documentation in the sidebar of this project.

Business responsive theme is the one of the popular Zymphonies theme. This theme is not dependent on any core theme. It is very lightweight with a modern look and feels. Read more

Live Demo Advanced Themes

This project is the D7 version of Bartik with a responsive, mobile-first layout.
It is derived from this issue: #1192044: Convert Bartik's layout to mobile-first and responsive; which is the D8 version.

This project uses Drupal 8 Bartik Theming guide provided here Bartik theme.

Rubik is a clean admin theme. It features a set of icons for admin pages provided by Drupal core and aggressive styling to reduce visual noise wherever possible.

It is one of the most popular admin theme replacements for Drupal and is reported to be installed on over 15,000 sites.

W3CSS Theme is the first Drupal theme that uses the w3.css framework.
When building this theme, I focused on ease of use and a fast load time. Now, you have the power to create unlimited UI design by using the W3CSS Paragraphs.

Note: MAYO 8.x-1.0 released today (2015-Nov-19) which is a responsive mobile first HTML5 version. Check the release notes and project Documentation.

MAYO theme's name is taken from a phrase "Make Your Own" and "MAYOnnaise" which I love ;-). As the name describes itself, MAYO is developed to be a theme that provides users easy way to customize and create a theme they like.

MAYO is developed based on the experience with PIXTURE theme. However, it takes full advantage of Drupal 7's color module and advanced theme settings. MAYO is simple but flexible. You can customize the look of your MAYO theme easily from theme settings page. It does not require you to have the good knowledge of CSS, HTML and PHP.

What can be customized from the theme settings page?

• Color of most of the theme elements (base, page, header, sidebar, node, footer). In many cases, you can specify text color, link color, background color and border colors of each element.
• Base font and heading font type (either Serif or Sans-serif) and base font size.
• Page layout options such as width of the site (fixed width layout or liquid layout), margins, sidebar layout and width, etc.
• Styles such as menubar styles and round corner for node/sidebar block.
• Detail layout of header area contents (logo, site name, slogan, search engine box)
• You can easily upload and add your own image as the background of the header area. (You can use both background image and logo at the same time).

The admin theme used in Commerce Kickstart v2.
Designed by Bojhan Somers and implemented by Aaron Dudenhofer.

See http://bojhan.nl/revamping-drupal-commerces-ux for some background.

Professional Theme is a very modern and professional FREE Drupal theme that is perfect for all sorts of corporate and small business websites. It comes with a very elegant and professional responsive design that is sure to impress no matter what screen size your visitors are using.

Features

• Responsive, Mobile-Friendly Theme
• 1-column, 2-coumns and 3-columns layout support
• A total of 12 block regions
• Mobile support (Smartphone, Tablet, Android, iPhone, etc)
• Flexslider (Responsive Slider)
• Multi-level drop-down menus (Multilingual support)
• Supported standard theme features: site logo, site name, site slogan, user pictures in comments, user pictures in nodes, favicon
• Use of Google Fonts and Nice Typography
• Drupal standards compliant
• Web Content Accessibility Guidelines (WCAG) level 1 and 2 compliant
• HTML5 & super clean markup
• Professional, Minimal and elegant design
• Ideal for corporate, business and personal sites
• Detailed CSS rules for Typography, Forms Elements, Node Teaser, Comments, etc.

Like this? Have a look at our Free Themes.