UI clones of designs from Dribbble made in pure HTML & CSS
I always felt like I was able to understand the concepts of CSS properly and wanted to try and clone the designs from dribble which I wasn't sure I'll be able to pull off using CSS. I wanted this whole exercise to be made completely using Vanilla CSS without the help of any CSS frameworks so that I could understand the core concepts of CSS more clearly. This whole exercise helped me create UIs that I believed were impossible to build when I started and the skills I acquired during this process still comes in handy in my career as a Front End Developer to this day.
And special thanks to @jikkujose for mentoring me throughout these exercises
The table is arranged in ascending order of Date of creation.
Will give the best output in Chrome ( Most of the UI is Optimised for desktop only )
| Date | Design Reference | Demo |
|---|---|---|
| 02 Jul 20 | Apple Music | Demo |
| 03 Jul 20 | Covid Dashboard | Demo |
| 04 Jul 20 | PayPal Dashboard | Demo |
| 07 Jul 20 | Inbox Property Management | Demo |
| 10 Jul 20 | E Commerce UI | Demo |
| 11 Jul 20 | Banking app | Demo |
| 17 Jul 20 | Chat | Demo |
| 6 Aug 20 | Music Player | Demo |
| 20 Aug 20 | Web Player | Demo |
| 21 Aug 20 | Twitter Redesign | Demo |
| 27 Aug 20 | Clinical Dashboard | Demo |
| 28 Aug 20 | Property Dashboard | Demo |
| 02 Sep 20 | Instagram Statistics | Demo |
| 07 Sep 20 | Trello Clone | Demo |
| 11 Sep 20 | Apple OS Music | Demo |
| 12 Sep 20 | Study Management App | Demo |
| 13 Sep 20 | Facebook Redesign | Demo |
| 15 Sep 20 | Slack Concept | Demo |
| 16 Sep 20 | Facebook Messenger | Demo |
| 17 Sep 20 | Outlook | Demo |
| 21 Sep 20 | Email client | Demo |
| 30 Sep 20 | Virtual Card | Demo |
| 1 Oct 20 | coursify | Demo |
| 5 Oct 20 | Odyssey | Demo, |
| 6 Oct 20 | Bank App | Demo |
| 10 Oct 20 | CRM | Demo |
| 13 Oct 20 | Car Pool | Demo |
| 19 Oct 20 | Agenda | Demo |
| 23 Oct 20 | Podcast | Demo |
| 23 Oct 20 | InTrust Banking | Demo, |
| 8 Dec 20 | Cards | Demo |
| 29 Apr 21 | Unsplash | Demo |
| 29 Apr 21 | Unsplash | Demo |
| 14 May 21 | The Adventurers | Demo |