Localization Dropdown Design Concept

Today I’ve been playing around with designing a translation/localization drop down menu. I made a quick codepen to share what I’ve made.

See the Pen Translation Dropdown by Tyler Souza (@tysweezy) on CodePen.

This is a rough draft, but I’m kind of proud of this design. It looks very appealing. I would love to get some thoughts on this.

Here are the tools/libraries that I’m using:

• flag-icon-css — for the flag icons.
• Font-awesome — for the down arrow icon.
• Less CSS — A CSS pre-processor.

Thank you for checking out this article and have a nice Thursday! 🙂 Cheers!