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

Josh Jacobs

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: for the marquee to function without skipping, the first half of the marquee track and second half of the marquee track must be identical. An easy way to do this is to wrap the track content in a div and duplicate it. Also, 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

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

Waldo Broodryk

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

Cédric Moore

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

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

Webflow Editor Page Illustration Animation

Leah Quinn

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

Vlad Danilchenko

------------------------
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

danilavolkov-flow

Noah Raskin

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 & 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 Redesign

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

Abstracted Control Panel in Webflow

Joseph Berry

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

Veo Positivo

Samuel

Please open in a new window to view this site

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©

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

ScottsSquare Sample 1

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

Waldo's Sandbox

Abdul Sattar

A beautiful 3d rotating custom image slider with particle effect

3D Rotating Image Slider with Particle JS. Feel free to comment for any issues

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.

Homer Simpson

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

Discover css3 websites built by the Webflow community

Discover css3 websites built by the Webflow community