Skip to content

emoreno911/UI-to-Code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

UI to Code

Navigating around Internet I found this cool series of posts called "Can you code this UI concept?" by UpLabs in which developers make designs come to life as prototypes. So, inspired on that topic I made this repo to have fun and code some challenging UI concepts with HTML, CSS and Javascript(if necessary), I will also be pointing some of the tricks used in those challenges as a guide to everyone and as a reminder for the future me.

Concept 1: JUUCE App

This is a product card concept for IOS, I found it at UpLabs and the credit for the design is to Sergii Petakh. Here is the Concept, here's the Pen and here are the 📚 Details.

Concept 2: NEWS App

A news app concept inspired by Jaret Zen, here you can transition between the featured news by swipping right or left, or by clicking on any of the slider indicators, if you swipeup on a featured article the app will show you more news for that source. Here is the Concept, here's the Pen and here are the 📚 Details.

Concept 3: Material Music

UIToCode is back in town and it comes supercharged with this music app concept from Vitaly Silkin. It's supercharged because I add some UI and UX improvements to make this good design even better and it's also fully functional. Here is the Concept, here's the Pen and here are the 📚 Details.

Concept 4: Shoe Shop

An eshop inspired by Youssef Eid, to this cool design I have added a carousel with 3D transitons when you navigate between shop items. You can also add items to the cart. Here is the Concept, here's the Pen and here are the 📚 Details.

About

Let's make some UI concept designs real

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published