Figma

Persistent dark mode for Webflow

Persistent dark mode for Webflow

Webflow is an excellent tool for building static sites, blogs, and even a unique portfolio site. In this article, I’ll show you how to add the persistent dark mode inside your Webflow site. Let’s look at how to do this.

I used to build portfolios from scratch using React and other frameworks,but I found it cumbersome to update and run them continually, so I moved to Webflow, which allows you to build websites in No Code.It took me a while to get used to using it at first, but I’m now fascinated by it.

Lately, I’ve seen more and more portfolios that have added a dark mode.Many of the sites that have added dark modes look much more aesthetic.

The purpose of adding a dark mode is to

  • Reduce eye strain

  • Improve battery life

  • It just has an aesthetic appeal.

To add a dark mode to my portfolio, I immediately started looking at sample projects on Webflow for best practices.

How I added persistent dark mode in Webflow
https://medium.com/prototypr/how-i-added-persistent-dark-mode-in-webflow-23c34815b5a2

©

2024

MadeByOz

Born from Creativity and Care.