May 16 2012

40 Innovative UI Concepts from Dribbble


Innovative concepts, whether practical or imaginative, can help progress creatives and their work to the next level. By breaking rules, ignoring common conventions, and testing the limits of design, we can create opportunities that allow us to enhance and improve our work. Take a look at some of these brilliantly designed interactions from Dribbble, and let them inspire creativity in your own work today.

The Side Nav Revisited

Appointment by Paresh Khatri

Browse Shows – iOS App by Umar Irshad

Dialoggs – Collapsible Menu by Drew Wilson

Dashboard – Realtor Project by Brian Waddington

Zendesk Project Lotus by Jason Wu

Page Curls and Peels

Qiwy iOS app curl test by Mikael Eidenberg

Inside (first draft) – iPad – UI/UI/iOS by Cuberto

Peel Back by Juan Sanchez

Curl by Prathyush Pramod

Bookmark for Magazines by Ugur Akdemir

Folding Screens

Photofold by Supratim Nayak

Fold to unlock iOS style by Anton Kudin

Flipweek agenda by Wouter ● Bread&Pepper

UX/iOS idea with video process by Cuberto

Unlock Concept by Guillaume Gaubert

Complex Tooltips, Modals, and Popups

Category popup by Fares Farhan

Wunderlist Mini by Tanveer Junayed

Paris in the Spring by Dave Ruiz

Dashboard by Kerem Suer

Modal Window by Ionut Zamfir

Switch Elements

On Off Switch for iOS App by Cosmin Neagu

Qiwy iOS app switches by Mikael Eidenberg

Buttons, Lights & Shadows by Fernando Maclen

Toggle Buttons by Onur Orhon

Rocker switch v2 by Mike Bernardo

Interfaces with Depth and Layers

Credit Card by Matthew Sanders

Robots in disguise by Austin Bales

Circle by musHo

iPhone App UI by Filip Chudzinski

App Remix: Lose It! by Carl DeCaire

Progress & Loading Bars

FoodSimple Meal Manager by Handsome

Mini Music Player by Daryl Ginn

Countdown by Kerem Suer

Deloitte iPhone application by Deloitte Digital Australia

Progress bar lives by dimga

Social Sharing

Share Button by Patrik Larsson

Share by 3DROPS

Facebook button concept by Erik Deiner

Share Bar (Animated) by Shaun Moynihan

Tweet this by Eddie Lobanovskiy

Editor’s note: Thanks to everyone who supported and participated in the Arrrows font giveaway! Congratulations David Morrison and Jan for being the lucky two to win the random drawing. We’ll be in touch shortly to deliver the Arrrows font bundle to you!

About the Author:

Jessica Moon is an Art Director at digital-telepathy, a user experience design studio that specializes in creating products like SlideDeck, Impress, and Filament. She has a passion for illustration and design, and enjoys blogging and tweeting about what she’s learned. You can also find her on Google+.

Leave a Response

14 Responses

  1. May 16 2012
    David Morrison

    A lot of inspiration in these samples. Thank you for this excellent collection. Some of them seem a little overwrought for digital space, such as the fun toggle buttons (a simulacrum of Inuit Parka closures designed to be manipulated by mitten muffled hands). More than 3 degrees of separation from the original intent I think, but fun. My picks? — the Share Button is great (Patrick Larsson) — as is Zendesk Project Lotus (Jason Wu).

  2. May 18 2012

    An outstanding collection, you’ve just increased the number of people I’m stalking on dribbble x)

  3. May 24 2012
    John Roescher

    This is a great list!

    Thanks for including one of Handsome’s shots >

  4. May 29 2012

    This is a brilliant collection certainly!

  5. Jun 01 2012

    Great round up, beautiful concepts

  6. Jun 17 2012

    Clean and clever designs… Brilliant! That toggle button is awesome. Thank you for the inspiration! Cheers from Tom at

  7. Jun 26 2012
    Theresa Neil

    Thanks for the round up. Most of these are current UI patterns with fantastic visuals. Can’t wait to create the 2nd release of my Mobile Design Pattern Gallery book with new design examples like these.

  8. Apr 04 2013

    Thanks Jessica, I was looking for a video of that folded App menu and came across this blog. Found a lot more than I came for.

  9. Apr 11 2013
    John Ue


    It was a very insightful list of mobile UIs. I have posted your blog on my facebook page a couple of days ago. Over 150 fans shared your insights among their Korean friends. I assure you that your blog must have inspired many including myself. I thank you on behalf of them for being good inspiration. Cheers! :D

  10. Apr 14 2013

    Thanhks Jessica. It is great list inspired with new rerference never seen before.

  11. May 22 2013

    Nice Post.. Thanks for sharing this brilliant collection with us..