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 Appearance

Hey guys,

today's cloneable is a very very simple but useful one. If you'd like to delay your page load after clicking on a button that leads to a new page for example and you want to add an animation in between, you can do this with the little custom code and Webflow Interactions that are used in this cloneable here. Hope you can use this in a future project! 

✅ 100% CSS
✅  Custom Code
🆓 Cloneable

Follow me for more Webflow freebies in the future 💙

delayed-page-transition

Hey Webflow Fam! 👋🏼

Worked a while on this cloneable and was finally able to release it! This sweet conversational user interface is a Webflow UI template that can be used to extend on longer interactive conversations. Currently, it has 2 layers, more can be added pretty easily as you will see in the Webflow Designer Preview.

✅ 100% CSS
✅ 100% Webflow Interactions
❌ Custom Code
🆓 Cloneable

Feel free to clone this and use it for your next project! ✨

👀 Need help learning Webflow? I offer Webflow coaching sessions where we step up your building game! More information here: 
https://www.cedric.design/coaching/webflow-coaching

🔥 Need a Webflow website? ✉️ hey@cedric.design

Conversational UI

Just launched my new site. Wanted to have something really minimal and lightweight. Hope you like it! 

Will be publishing new cloneables soon! Follow to see as soon as they launch. 🎉

2K22 Folio

Reduzed is a high-quality design asset library and knowledge base to accelerate your design workflow.

Reduzed - Rapid Design Accelerator

Took an hour of my Sunday to create this little link lowdown site. It's perfect to link it on social media profiles to get user leads to the right places. 

✅ Native Interactions
💾 CMS driven
❌ Custom Code
🆓 Cloneable

Feel free to clone this and use it for yourself on your website! 

Follow me for more Webflow freebies in the future 💙
--
Signup for my newsletter to never miss a freebie: 
https://cedricdesign.substack.com/

Link Lowdown

Wanted to create something little experimental today and ended up with cards that expand on hover. Kinda nice! Love the image masking effect which is just done with image fit to cover style natively in Webflow. 

Feel free to clone this and use it for your next project! ✨

✅ 100% Webflow
❌ Custom Code
🆓 Cloneable

Like this & follow me for more Webflow cloneable in the future 💙

Signup for my newsletter to never miss anything: 
https://cedricdesign.substack.com/

Expanding Ambient Cards

Finally finished this sweet styleguide Webflow template. It's perfect to set up your basic styles for the most important elements in your next project! 

✅ 100% CSS
❌ Custom Code
🆓 Cloneable

Feel free to clone this and use it for your next project! ✨

Follow me for more Webflow freebies in the future 💙

Signup for my newsletter to never miss a freebie: 
https://cedricdesign.substack.com/

Stylebook - Styleguide Template

Hey NoCoders!

Today's freebie is a simple, but elegant, and interactive accordion component. Built this in a past project and wanted to share it with you.

✅ Native Interactions
❌ Custom Code
🆓 Cloneable

Feel free to clone this. Happy Webflow'ing✌🏼

Follow me for more 💙

Minimal Accordions

It's freebie time again! 💙 

I created this fancy password page so that you don't have to. Also works on the default password page inside Webflow. Both versions included. 

Wanted to play around with the backdrop filter in Webflow which is now native in Beta since the NCC! 😍

Hit Like if you appreciate it and follow me for more freebies in the future! 💎 

Cheers!

Fancy Password Page

Hey NoCoders! 💙

Just a little pre-noCodeConf freebie you can use in your next project. 🎉

It's a nice noise background animation I used in several projects already which is completely done with CSS only.

A quick tip: You can make the noise effect more visible by lighting up the body background color.

If you like this please follow me for more. I will publish a few cloneable projects every week! 💎

Cheers,
Cédric

Noisy Background Effect

Today's freebie is a cool background typography effect that appears on scroll. 

Hope you guys like it! 
Feel free to clone this and use it in your next project! 😃

Interactive Background Typography on Scroll

Today's Cloneable is a really small but neat custom code snippet to add slats to your sections very easily. ✨

I hope you enjoy this. For more freebies visit my page: webflow.com/cedricmoore

Cheers & happy weekend 👋🏼

Slanted Sections

⚡️ Hover the navigation items in the corners ⚡️

Today's freebie is a simple but elegant way of navigating, completly done with Webflow Interactions. Every navigation item reacts sticky to the mouse cursor and it's very pleasing on desktop. The concept is enough simple to also work on mobile devices. 

Enjoy – Hope you like this one! 😃

Cheers,
Cédric

Interactive Corners Navigation

Hey Webflow fam! 💙

Today I wanna share a special interactive component with you that I made for one of my previous personal websites. It's an interactive call-to-action toggle that expands into contact options. Perfect to put on the right bottom corner of your website! 

⚡️ Interactions are completely done in Webflow Interactions without custom code. 
✨ The icon animations are made with Lottie. 

Feel free to use this in your projects! 

If you like this freebie share it with your Webflow friends and leave a follow or like to never miss a new freebie! 💎

Cheers,
Cédric

Call to Action Toggle

Navigation Toggle Interaction I created a few months ago. Really like it and wanted to share it with you for free. Go ahead to use it everywhere you want! ⚡️

Made with 🖤 by Cédric.

Cédric Moore

About

About

About