Neumorphic personal portfolio website with light & dark mode — open source

Sam Xie
Sam Xie
Published in
Mar 14, 2021

I was originally inspired by the neumorphic design after seeing some designs pop up on Dribbble. Through many iterations I finally landed on this design. I’d like to share with you the source code so you can whip up your own based on this structure.

If you’d like to change the hero image, the source code contains the blender file with the appropriate lighting and camera angle set up. Simply supply your own 3d model and render a light and dark mode variant and replace the images under the public directory.

Here’s what the full website looks like the projects populated.

You can check out the latest version at https://samxie.net

You can tailor it to your own liking by cloning my repo at https://github.com/samzx/soft-portfolio

Hope you enjoy the designs!

--

--

Sam Xie
Sam Xie

Engineer @ Cash App ✨ I write & build stuff on the side 💬 Analyse your Facebook/Whatsapp/Instagram chats at https://doubletext.me | More at https://samxie.net