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
Screenshot 2020 04 02 14.15.27
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


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
  • Stuart on Setup a family printer with a Raspberry Pi 1, CUPS and Canon LBP 2900: “Thank you, this worked perfectly” Feb 24, 22:52
  • Jesús Molinero on Setup a family printer with a Raspberry Pi 1, CUPS and Canon LBP 2900: “Hi all. I followed step-by-step process but I’m struggled with Adding new printer. Canon LBP2900 doesn’t appears as LOCAL Printer.…” Feb 8, 00:05
  • 11111 on Integrating Jellyfin with Heimdall: just what the heck is the ‘Password (secret token)’?: “thx dude! damn modern apps with their mobile UIs everytime.” Jan 13, 21:31
  • Nam Vũ on October 24, 2022: “Thank you for your kind words, they already made my days better. And my mom’s health is already improving thanks…” Dec 31, 13:36
  • Issam on October 24, 2022: “Hope you and your mom are okay! Eat healthy and give her a lot of love! Hopefully she will be…” Dec 30, 06:50
Categories
  • AI Art
  • Design
  • DIY
  • Freebies
  • GameDev
  • Home Networking
  • Linux
  • Music
  • Randomness
  • Rants
  • Songs I like
  • Tips & Tricks
  • Uncategorized
  • UX Design