Drupal Gin Future UI

Gin Hero

Gin Future UI

Providing site builders and content editors a completely new Administration experience for their Drupal sites. Welcome to the Future of the Drupal Admin Interface. Learn more in this Medium article.

Year 2020–

Client Drupal Open Source Project

Agency Sascha Eggenberger

Services Concept Design UX Interaction Frontend

Gin Future UI Settings View Darkmode

Darkmode support

Lights out! This new Admin UI supports a Darkmode.

Content View

A more compact view with greater clearance thanks to better hierarchy.

Gin Future UI Content View
Gin Hero

A new & fresh Drupal Experience

Easy to use

The goal of this new User Interface was to give Drupal a fresh and easy to use Interface.

Gin FutureUI Content View

Do you prefer Darkmode?

Well, I've got you covered. Enable the Darkmode so Drupal's interface blend in well with your dark enviroment.

Gin FutureUI Content View Darkmode

Work in progress from Dribbble

A more modern and clean interface

Gin FutureUI Settings overview


Allow surfaces to move in front of other surfaces. Priority and group content for easier understanding of their relation and importance.

Seamless experience

Gin has a lot of companion modules which includes a nicely and customizable Login screen.

Gin Login

Easier to use


With clear call-to-actions and more compact views the new UI not just looks fresher than before but is also more content densitive.

Gin FutureUI Content Form mode
Gin FutureUI Content Form Mode Darkmode

Media Library

Simple & easy to use

Simplicated interface for the media gallery. Bulk operations work exactly the same as on all the other views and just appear when you need them.

Gin Future UI Media Library

Media selection

Master your media collection. A redesigned media selection with filter options will help you quickly find what you're looking for.

Gin Future UI Media Selection

Make the experience yours

Customization options

Own the experience. Setup Drupal for your brand or your clients brand. Gin integrates nicely with your branding. The ability to expose settings like the Toolbar preference, Accent color etc. to Users will let them customize the experience to their needs, too.

Gin FutureUI Settings
Gin Hero

Content Editing Experience

Edit Content

A new layout for content editing. Better sidebar, always to use Call-to-actions like Save & Preview, better hierarchy and better focus.

Gin FutureUI Content Editing

Visual Editing (Paragraphs)

Visual Editing with Layouts, Layouts & Paragraphs.

Gin FutureUI Contetn Blocks (Paragraphs)

A new navigation concept

Sidebar navigation

Instead of the horizontal Toolbar used by Drupal Core we use a sidebar navigation on the left side. This allows the user to quicker navigation through Drupal's menus.

Gin FutureUI Content View

Don't like the new sidebar navigation approach?

No big deal, just switch to the old "legacy" Drupal horizontal toolbar. Also supports Darkmode.

Gin FutureUI Minimal Toolbar

Like it Oldschool?

Go head and use Drupal's default Toolbar. It's all your choice.

Gin Future UI Legacy Toolbar

Session about the Content Editor Experience

Learn more about how to improve the Content Editor Experience in Drupal 8/9

Head over to Drupal

Go ahead and have a look and download it today