Nam Vu Personal Site
  • Home
  • My Works
  • My Photos
  • My Blog
  • Pet Projects
  • Freebies
  • About
Nam Vu Personal SiteNam Vu Personal SiteNam Vu Personal SiteNam Vu Personal Site
  • Home
  • My Works
  • My Photos
  • My Blog
  • Pet Projects
  • Freebies
  • About
Figma UI Recreation Challenge #1: Streamlabs Dashboard
April 2, 2020

Figma UI Recreation Challenge #1: Streamlabs Dashboard

  • Posted By : Nam Vũ/
  • 0 comments /
  • Under : Design, Freebies

Once in a while I’d come across a screenshot of a cool UI that I think would be relatively simple to recreate in Figma, so I made it a personal challenge to do so. This is not something that I do in my spare time or anything because, quite frankly I don’t have any spare time anymore. This is more of a distraction to prevent me from going insane between juggling 3 different major projects atm.

I will first start with 2 Streamlabs dashboard screens.

Read More


Freebies: Arkenea HTML Template
May 17, 2019

Freebies: Arkenea HTML Template

  • Posted By : Nam Vũ/
  • 0 comments /
  • Under : Freebies

As you may know, I’m an avid Linux user. I still need to use Windows at work but I run Deepin Linux at home, so naturally I build my workflow around cross-platform tools. In this regards, the ElectronJS project had been a godsend. Likely half of my current workflow is made up of Electron powered apps: Figma, Zeplin, Fontbase, Gravit (before they sold out to Corel), Brackets, XMind just to name a few off the top of my head.

I recently discovered Bootstrap Studio, an excellent visual HTML/CSS editor that is also developed with Electron (though for some reason they weren’t listed on Electron’s website).

I spent 3 days learning my way around the app (would’ve taken less time if I was more familiar with Bootstrap, which I am now). To learn it I picked out a random PSD template called Arkenea (generously provided by Prashant Dwivedi)  and attempt to convert it to HTML using BS. The end result is pretty satisfactory IMO. I figure I should share it for those who might find it useful.

Demo
Original PSD (Dribbble)
HTML/CSS (ZIP)
.BSDesign

Hope you guys like it, enjoy 😉


Recent Comment
  • Super on Cursor stole your ‘code’ command? Here’s how to revert it: “Thanks” Apr 11, 19:13
  • Hyper on Cursor stole your ‘code’ command? Here’s how to revert it: “Thanks” Mar 12, 15:39
  • helmut on “Invalid Location” error when trying to add SynoCommunity Repo: “nice ty” Jan 13, 22:36
  • Paul on “Invalid Location” error when trying to add SynoCommunity Repo: “Thanks for this, worked a treat” Dec 31, 00:16
  • htl on Setup a family printer with a Raspberry Pi 1, CUPS and Canon LBP 2900: “Yes I can access CUPS WebUI normally. I see Print Jobs queue in WebUI but CAPT Status window on Windows…” Jul 30, 23:40
Categories
  • AI Art
  • Design
  • DIY
  • Freebies
  • GameDev
  • Home Networking
  • Linux
  • Music
  • My Apps
  • Randomness
  • Rants
  • Side Projects
  • Songs I like
  • Tips & Tricks
  • Uncategorized
  • UX Design