Adaptivethemes Logo
ATD8 Demo site node logged in

No code - no problem!

Adaptivetheme for Drupal 8 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 Tools) 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 Tools 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 -
Dependencies: AT Tools module
Versions: Important reading for upgrades and versions of D8 Adaptivetheme and the AT Tools module


Match version for version, e.g if your sub-theme was generated on 8.x-2.x stick with the 8.x-2.x branch. Both the 2.x and 3.x branches will be maintained, and over time the 3.x branch is likely to diverge from the 2.x branch as Drupal 8 evolves.


  1. Download and place in the /themes/ directory.
  2. Download the AT Tools module, place in the /modules/ directory and enable both the AT Tools module and AT Theme Generator sub-module.
  3. Goto ~/admin/appearance/at_generate (click Appearance tab, then AT Theme Generator).
  4. Create your new sub-theme.
  5. Goto the List page and enable you new sub-theme.

Please view the documentation for more about using and theming with Adaptivetheme.

ATD8 For Coders

There is absolutely no requirement to write code or even copy/paste/search/replace to build themes with ATD8, those days are gone (machines do it better), but if you really want to...

ATD8 is built using modern front end dev tools such as SASS and Grunt. It includes an extensive UIKit built with SASS and uses Susy2 for layout, Compass vertical rhythm and Modular Scale. Browser prefixes are applied using PostCSS. A .csslintrc file is included. Useful task-runners are setup and ready to go in the Gruntfile.

Please refer to the README files in the UIKit - please see this issue regarding the recent change from Ruby Sass to Libsass / Bundler to Bower.


D8 -

The docs are growing fast - new docs added everyday. Layout, Theme Generation and many other pages now live.


There is documentation on setting up and using D7 Adaptivetheme for themers and site builders available in our documentation section.

D7 Premium Themes

To help support our open source projects we offer our Premium Drupal Theme Club.

AT is tested using BrowserStack for live web based browser testing!

Supporting organizations: 
Support code development and issue queues.
browserstack.png18.27 KB

Project information