Can you Code this UI Concept? Vol. 2

Five (awesome) UI concepts and their CodePen implementation.

There are many tools out there nowadays that really allow you to explore your creativity and easily share it with others, like CodePen, Sketch or Principle. At UpLabs, we love to gather those experiments in one platform, and we certainly can’t get enough of UI concepts turned into CodePen!

Here’s a new series of perfect examples of how UI concepts do get your inspiration running, are great practice and are not always impossible to code! Kudos to the talented designers and developers behind them! 😉

Btw, if you’re a designer or developer, check out UpLabs. We find the best resources, products and inspiration to help you create awesome apps and sites, every day!

1. Music Player (starting with a classic!)

‘Music Player Transition’ — Concept by Anish Chandran

(You can click around on Pens. Enjoy!)

‘Material Design Music’ — Pen by Gregor Adams

2. Search

‘Search’ — Concept by Oleg Frolov

‘Search’ — Pen by Radimir Bitsov

Like what you see? That’s what we do best: find the best resources to help you create awesome apps and sites, daily. Check out today’s showcases on UpLabs!

3. Button

‘Fluid Switch’ — Concept by Leonardo Zakour

‘Material Radio Button’ — Pen by gaou-piou

4. Sign-up

‘Signup Interaction’ — Concept by Sikrant

‘Material Design Signup Interaction’ — Pen by Kyle Lavery

5. Favorite for last?

‘Favorite Animation’ — Concept by John Noussis

‘Favorite Animation’ — Pen by Kyle Lavery

If you created a UI concept or a Pen you’d like to see here, share it with us on UpLabs!

This is Vol 2 of a UI exploration series — from design to code.
< < Vol 1< < ………………………… >> Vol 3> >