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

Inspired by @philipcdavis's awesome SwiftUI experiment, (https://twitter.com/philipcdavis/status/1509200015587041281) I wanted try to recreating it in Webflow and ended it up taking it a little further by adding reflectivity as well.

Enjoy!

✅ Native Interactions
❌ Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Glowing Reflective Card

MM—019: Glowing Reflective Card

A growing UI resource for Sketch & PS, in both light and dark themes.

Matter

matter

The Minimalists is a one-page portfolio website, which utilizes interactions to make pages appear.

theminimalists

The Minimalists

Hey! 👋

Grab this free cloneable template.

Clean & clear template, covering standard and core content sections.

Prefer a dark theme? Well check our showcase, it's also available for a clone.

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Please Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Free Cloneable Startup Template (LIGHT)

Free Cloneable Startup Template (Light)

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

Personal creative website for artist couple The Circle & The Square. Enjoy!

The Circle & The Square Site

thecircleandthesquare

Tribe is a walkie-talkie, reinvented. All you need to do is press and hold to record a message. Then, release to send. Try a fast, seamless and beautiful messaging experience starting now.

Tribe - Landing page

Tribe - Magical messaging

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

This is the Light mode of the Elearn Dashboard that I made earlier! 

Enjoy! Clone it up! 

Feedback Welcome!

Elearn Dashboard UI ( Light Mode )

Elearn Dashboard UI (Lightmode)

Easily toggle between light and dark mode.

Theme Switch

Light & Dark

Light & Dark Elements

I don't know about everyone else, but I have moved a lot of my design work into Webflow, not just web design, but pretty much all mockups. Anyone else?

Follow me on Dribbble if you want to see other things I make using Webflow!

https://dribbble.com/myonke

Music Player

I made a three.js based site. Check it, clone it, do whatever you want, but make sure you let your family know that you love them.

If you want to learn how to put 3D on a website here is your lesson: https://threejs-journey.com/

Thanks, Bruno Simon for helping me beat my code-phobia.

The Principal Objectives

Three.js practice website

Noon

Was trying to play with some smooth Lottie animations and some big serif italic type. Feel free to clone and play.

Blog concept

Blog concept with light/dark mode

I've been playing around with ix2, no real use for it. Just inspirational :)

DJ SOLO

djsolo

Recreated a browser inspired by Safari’s Catalina OS which you can easily use it to add images or embed a website. It has three examples: Light, Dark and Embed. It was built with client-first and all in Webflow with only a couple lines of custom code (the aspect ratio).

Sign up for the lesson: www.webflowtips.com/b/how-to-create-a-browser

If you have any questions feel free to comment.

P.S 🙂  🙌  - Like or follow if this was useful for you.

24 of 50

Browser Mockup Catalina

Free Browser Mockup (Dark and Light) 

Hiii Guys !!
Here is the new landing page , its not so big , i made this not for a general landing page purpose but to build some cool interactions like progress bar, progress bar chat, and a cool DARK MODE SWITCH( ON/OFF ) and a beautiful Tab which u may use for FAQ's.

Whats Included-
1. Dark/Light Mode Switch.
2. Progress Bar in the top.
3. Progress Bar chats.
4. Modern Cool Tabs with Beautiful dropdown.

Clone it and make it yours.
Thanks

Follow me for more amazing Content.
Hire Me- kingfactory1234@gmail.com

Discover light websites built by the Webflow community

Discover light websites built by the Webflow community