Discover the best dark-mode websites created by professional designers. Get inspired and start planning your perfect dark-mode web design today!

Created this over the past two days. Practicing to eventually become a webflow template designer. Let me know what you think of this one!

Some photos in this are from deathtothestockphoto.com.

-----

NEW FREE TEMPLATE: The new EMPATHY cloneable CMS template is published and available for everyone to clone. 🎉 Clone and find it on my profile.

I'm publishing free cloneable templates every two weeks. 🚀

Webflow Path One

Cloneable Interactive CMS Template

A labor of love finally completed! I've created a free website template for churches. It's my hope that this will help churches modernize their online experience and come back stronger than ever from COVID-19. This template features dynamic content for Sermons, Events, Staff, and Connect Groups and is ideal for single location churches.

Watch the tutorial at https://www.youtube.com/watch?v=_lgxY3LMR_Y

• Create landing pages in less than 3 minutes for anything
• Old events automatically removed the day after
• Homepage events section disappears when no events are present
• Add a new sermon, event, or connect group site-wide in seconds
• Reuse any page section across multiple pages (update once for all pages)
• Looks exactly the same on 5k screens as it does on Macbook Airs
• Thoroughly planned user experience and interactions
• Dummy proof to manage (from the Webflow Front-End Editor)
• Optimal site speed
• Homepage ministries section disappears when no content is set

Schapel Pro

Free Template for Churches

Moving Background Gradient with dark theme inspired by Webflow Community hero section

Moving Gradient Background

🚀 Get 2 Free months of Skillshare Premium & watch my course on building this website from scratch in Webflow - https://skl.sh/2TVhf8z

This is a one-pager portfolio website that I built from scratch in Webflow. I made this a part of my Figma and Webflow Course. Feel free to use this template and play around with it to make it your own. It's all yours 👍

Link to the Figma Course:
https://youtu.be/f6HoZGfNOSo

Enjoy ✌️

Portfolio Course

Portfolio Website - Free Template

Landing page created for my latest Youtube tutorial about how to create 3D scroll animations using Lottie + Webflow.

Link for the video: https://youtu.be/vMxCjhi-3p4

FantomUI Landing Page

Fantom.UI - Free landing page

Color Change on Scroll

Change Page Color on Scroll

Dylan Brouwer

Digital Designer & Visual Developer based in Enschede, Netherlands. Creating digital experiences with an eye for design and motion.

Dylan Brouwer Portfolio

Misha Naer

While I've been working in a design studio and corporation, I've gained a lot of different experiences and cases. But (frequently) it was all in my head, so I wanted to put everything out to structure the experience and make it easier to reflect upon. So, MVP is ready — I will iterate further.

NAER

Product Design Portfolio

Hen³

Hen³ Portfolio

Persistent dark mode for your site, Webflow ready.
You will need to upgrade your site plan to use custom codes in Webflow.
I'd be happy if you LIKE the article or template.👍
Or follow my twitter (@0xOzh)

https://medium.com/@okazu/how-i-added-persistent-dark-mode-in-webflow-23c34815b5a2

persistent dark mode

Persistent darkmode

Enjoy yourself having text explode into particles...
Edit to show your personal text.

Brilliant for eye catching landing pages.
Feel free to clone and use in your upcoming projects

--> Follow my profile for cool projects coming soon

Credits and source for custom code: https://codepen.io/sanprieto/pen/XWNjBdb

Text Particles with ThreeJS

Hello wonderful people! We have recently completed the design development for the "Lazy Crypto Cats" NFT-project. 

The design was developed in Figma over 3 weeks and identifying the basic needs of users. Next, we transferred the design to Webflow and added interactivity in the form of kinetic typography and magnetism. 

The website has now been accessed and officially launched.
Official link -> https://www.lazycryptocats.community

Behance -> https://www.behance.net/gallery/127308353/NFT-Community-Lazy-Crypto-Cats-Web-Design-UXUI

Awwwards -> https://www.awwwards.com/sites/lazy-crypto-cats
CSS Design Awards -> https://www.cssdesignawards.com/sites/lazy-crypto-cats/40002/
Orpetron WDA (SOTD) -> https://awards.orpetron.com/lazy-crypto-cats/

Designed by Mative Labs -> https://mativelabs.art 
If u have a project and wanna creative & award-winning design let's connect.

Lazy Crypto Cats

Lazy Crypto Cats - NFT Community

This is my personal portfolio as a visual developer. At the same time, this is my first Webflow project, created 90% with native Webflow components and 10% of custom code. Love the no-code technology! 🙌
Let me know what you think, guys!

Lukas Schorn — Portfolio

Lukas Schorn — Portfolio 2021

Visual Designer & Web Developer, based in Yogyakarta. Strategically designing things that actually work and achieve goals. Expertise in — Visual Identity, User Interface, User Experience, Product Design, Illustration, Motion Interaction, Icon, Graphic Design, and Web Development.

🤙 dribbble.com/kemonn 

Muhammad Salmon

muhsalmon - Personal Website

Hey Webflowers!

In today's cloneable I show you how you can adapt your website to the color appearance of the native device OS settings. If the settings are on light mode, the website will appear in default white as designed in Webflow, and if dark mode is triggered, the site will turn black. ⚡️

✅ 100% CSS 
✅  Custom Code
🆓 Cloneable

To see this effect in action just change your OS color appearance.

Feel free to clone this and use it for your next project! ✨
Follow me for more Webflow freebies in the future 💙

Native Light/Dark Mode

Native Light/Dark Mode Appearance

Toggle dark mode on and off with the click/tap of a button!

No Code Dark Mode

Memberstack

MemberStack is a designer-friendly membership platform that works with Webflow.

------------

To get started - create a free MemberStack account, and add the URL of your new site during setup.

#2 - Clonable Membership Template Dark

Happy Monday! 

I took some time to revise one of Pixer's open-source rebuilds and added Memberstack to it. 

This free webflow template is heavily inspired by Pipe.com’s website circa March 2022. It includes a fixed navbar with hover and scroll interactions, working sign up, and login pages, feature sections, testimonials (inspired by Lattice.com), tabs, comparison section, fun gradients, a dark UI, lottie animations, and a footer section. 

Plus the whole project is responsive! Note I only QA’d for like 30 minutes so there are likely bugs. Please let me know if you find any!

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Discover dark mode websites built by the Webflow community

Discover dark mode websites built by the Webflow community