DEV Community

Austin Crim
Austin Crim

Posted on

Recreating the macOS Mail UI

After seeing the design of the newly announced macOS, Big Sur, I decided to try to remake the user interface of the macOS Mail app. I used TailwindCSS and Heroicons by Steve Schoeger to help me along.

Check it out here (not mobile friendly) and look at the source here.

Let me know what you think!

Top comments (11)

Collapse
 
mudgen profile image
Nick Mudge

Hey, I just released RunCSS which is a runtime version of TailwindCSS. See here: dev.to/mudgen/runcss-a-runtime-ver...

I am interested in your thoughts about it.

Collapse
 
austincrim profile image
Austin Crim

Really interesting project, Nick! Definitely looks to solve a problem I've thought about in the past when using Tailwind.

Collapse
 
mudgen profile image
Nick Mudge

Great to hear! I am interested to know, what problem does it solve for you?

Thread Thread
 
austincrim profile image
Austin Crim

When I started the Mail UI, I had the thought that I didn’t want to mess with npm packages or a cli. The CDN is a decent option for quick projects but I wondered if there was another option that included the full feature set including purge. It looks like that’s what you’re trying to solve!

Thread Thread
 
mudgen profile image
Nick Mudge

Yes, exactly!

Collapse
 
mattheslington profile image
Matt Heslington

Excellent!

Collapse
 
austincrim profile image
Austin Crim

Thanks for checking it out, Matt!

Collapse
 
ben profile image
Ben Halpern

Wow, neat. I really thought I was in MacOS 😄

Collapse
 
austincrim profile image
Austin Crim

Thanks, Ben!

Collapse
 
mauro_codes profile image
Mauro Garcia

Amazing work Austin!

Collapse
 
austincrim profile image
Austin Crim

I appreciate it, Mauro!