Submit & Loading by HoYun Son • Header Navigation by Ennio Dybeli • Options Floating Interaction by Praveen Bisht

Can you Code this UI? Volume 6!

Six creative UI concepts and their code implementation.

Ah that sweet intersection between design and code! Does digging into it count as a hobby? It’s no secret that we at UpLabs keep an eye on those stunning and fun UI concepts turned into Code — any day, any time. Enjoy this 6th volume with six neat UI design concepts loved and coded by developers on Android and the web. As always, well done to the creative masterminds behind them!

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

1 ¬ Floating Interaction

Options Floating Interaction — Design Concept by Praveen Bisht

FabOptions — Library by Joaquim Ley

2 ¬ Header Navigation

Header Navigation — Design prototype by Ennio Dybeli

CSS Header Navigation — Pen by Kyle Lavery

3 ¬ Animated Menu Items

‘Cut Copy Share Delete’ — Design concept by Sikrant

Android Animated Menu Items — Library by Ilya Fomenko

4 ¬ Submit button

Submit & Loading — Design concept by HoYun Son

Fun Submit Button! — Pen by Matthew Greenberg

5 ¬ Sliding Loader

Slidin Squares Loader — Design concept by Vitaly Silkin

Slidin’ Squares Loader — Pen by Sebastian Inman

6 ¬ Loading Cat

Loading Cat — Animation Concept by Domaso

Loading Cat — Pen by Aotoki

Cat Loader — Pen by RPlus

We hope you enjoyed this volume! If you created a UI concept, Library or Pen you’d like to see here, share it with us on UpLabs!

This is Vol 6 of a UI exploration series — from design to code.
< < Vol 5< < ……………………… >> Vol 7 is coming soon! Follow us> >