Drupal Gin Future UI
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.
Client Drupal Open Source Project
Agency Sascha Eggenberger
Services Concept Design UX Interaction Frontend
Lights out! This new Admin UI supports a Darkmode.
A more compact view with greater clearance thanks to better hierarchy.
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.
Do you prefer Darkmode?
Well, I've got you covered. Enable the Darkmode so Drupal's interface blend in well with your dark enviroment.
Work in progress from Dribbble
A more modern and clean interface
Allow surfaces to move in front of other surfaces. Priority and group content for easier understanding of their relation and importance.
Gin has a lot of companion modules which includes a nicely and customizable Login screen.
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.
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.
Master your media collection. A redesigned media selection with filter options will help you quickly find what you're looking for.
Make the experience yours
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.
Content Editing Experience
A new layout for content editing. Better sidebar, always to use Call-to-actions like Save & Preview, better hierarchy and better focus.
Visual Editing (Paragraphs)
Visual Editing with Layouts, Layouts & Paragraphs.
A new navigation concept
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.
Don't like the new sidebar navigation approach?
No big deal, just switch to the old "legacy" Drupal horizontal toolbar. Also supports Darkmode.
Like it Oldschool?
Go head and use Drupal's default Toolbar. It's all your choice.
Session about the Content Editor Experience
Learn more about how to improve the Content Editor Experience in Drupal 8/9