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

NO Javascript, no interactions, just simple, easy-breezy marquees ready to be cloned! The need to create marquees like this for clients has been tremendous recently, so I figured it might be helpful to share with the community!

Note: there will need to be an EVEN number of elements inside your marquees for them to function properly and not skip around. The CSS for each marquee is included inside its container and is denoted with an emoji 👍

Is this cloneable helpful to your workflow? Buy me a coffee! http://buymeacoffee.com/joshwork

CSS Marquees

👍👌 Easy CSS-only Marquees! 👍👌Easy CSS-only Marquees! 👍👌Easy CSS-only Marquees! 👍👌

I am inspired and honored to work with Ryan Morrison at Webflow, he does amazing work! Ryan recently designed a beautiful illustration for our new home page at Webflow, the moment I saw it, I just wanted to animate and build it all in Webflow. 

So I decided to bring it to life in Webflow without using any images, yep, those are all div blocks :D

Recreated illustration and animation in Webflow

Recreated illustration and animation

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

Stylebook - Styleguide Template

Another beautiful illustration by @Ryan Morrison that I built out with div blocks and animated in @Webflow

Recreated Editor illustration and animation in Webflow

Webflow Editor Page Illustration Animation

Quain tInc is a brand/design studio that also includes a shoppe and blog. The brand’s quirky & vintage aesthetic promotes living a more “Quaint Life” and embracing all the simple and peculiar things that contribute to the beauty of life.

Quaint Inc

------------------------
Warning! 
I try to put all the projects for copying, so you can reuse them and learn something new.

But you don't get the likes, which supports me. 

Please, give me a "like" if you copy the project
------------------------

Behind his shoulders are several dozen dynamic music and advertising clips, image mockuments and live documentary works

Danila Volkov

danilavolkov-flow

This is a cloneable style guide to help rapidly prototype or build full websites with Webflow. This template is very useable but not 100% complete. This style guide/library will be updated periodically with class adjustments, new elements and more layout options including instructions for how to use the selectors efficiently. Please leave a comment on what could be useful in future updates for this project.

Style Guide

Style Guide & UI Kit

So a few weeks ago my friend Jeff Black and I were chatting and I was perusing the interwebs when I stumbled upon Aviation American Gin's website. You may already know this already, but Ryan Reynolds recently became their owner and they have a SUPER fun brand.

While looking at the site, it didn't really feel like the site communicated that as well as it could. So I asked Jeff if he would be up for redesigning the site and I'll build it in Webflow. Jeff was pretty stoked and said let's do it! 😄

So I documented the entire process from start to finish. Looking forward to sharing a 6 part series of this build. Along with a live stream where I'll be building out an additional page. 😄

I ended up uploading a Sketch file into @Figma (so that I could work on my PC for the build) and everything worked so seamlessly 😄. Mega props to the team over there at Figma for building such a great tool! 👏 🎉💯

Aviation Gin

Aviation Gin Redesign

Beautiful illustration by Masami Kubo brought to life in Webflow with HTML/CSS by yours truly. 😄

Abstracted Control Panel

Abstracted Control Panel in Webflow

2020 has Started with something different from me. A very playful example of what Lottie and Webflow can do Side by side.

Veo Positivo

Please open in a new window to view this site

ScottsSquare 2

ScottsSquare Sample 2

A recent project I just completed with Yelena, unique card portfolio navigation with influences from the wild west. 

Animations all done inside of Webflow. Flexbox, CSS grid

yelena-sophia

Yelena Sophia©

ScottsSquare 1

ScottsSquare Sample 1

I'm really grateful for an opportunity to collaborate with the Advanced Shelter team. Bringing you Functional Art pieces by Renan Ozturk [made in limited quantities] with Wired Snowboards & The Åre Ski Factory
All proceeds support [our ailing mother nature] & Protect Our Winters.

Advanced Shelter

Had some fun playing with CSS animations on load and scroll into view :)

You Found Waldo's Sand Box

Waldo's Sandbox

Rebuilt and animated the Amplify piece by @Guillaume Kurkdjian in Webflow with some rotation toggles.

House Animation

Amplify Factory 3D Animation

Playing with 3D Transforms to animate Homer's eyes as you mouse around the screen. :) 

Yes, Homer is built out of CSS ;) 100% Webflow with a single line of css for the doughnut cursor image.

Discover css3 websites built by the Webflow community

Discover css3 websites built by the Webflow community