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

Cloneable rebuild of https://www.dillinger.tv/

Variable Fonts

Variable Font Interactions

ThreeSixtyEight

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

CMS Map

Interactive CMS Map (Responsive - Collection List)

Live site: twotwo-official.com

Again, Everything is based on VW units such that it looks super responsive on larger devices.

Check another ecomm site based on VW: ujjo.webflow.io

Two Two Official

Two Two Official - eCommerce Site Rebuild

Decided that since I'm not using this portfolio website anymore that I would make it cloneable!

I've learned quite a bit about working in Webflow since this project originally came out, but I still think there are some enjoyable bits here.

Feel free to use it and make it your own, just make the effort to not use my actual work LOL! Have fun.

p.s. Oh, and make sure to visit my current portfolio website at https://www.flowman.dev

Portfolio 2.0

Webflow Portfolio

Hi my gorgeous friends of Webflow,

This time I merged Webflow interactions and animations with a bit of CSS animations and JavaScript to create a fun and entertaining countdown timer.

Why is it different from all other timers you can find on Webflow Showcase?

Because it has a custom sliding CSS animation, it is completely based on attributes, and it is modular!

How to use it in your own projects? Just click on "How does it work?" to open the instruction pop-up.

Oh, and don't forget to scroll down the page! 😁

Enjoy, clone, and feel free to leave a comment!

Have an awesome Webflow journey y'all,
Francesco

Timer

Countdown Sliding Timer

My brand new portfolio went live! Take a look on rickbossenbroek.nl and let me know what you think.

Rick Bossenbroek

designer & no-code developer

✅ — Our super cool one page agency website!

👍 — Leave a like if you dig it just as much as we do :)!

💬 — If you have any questions about how something is built, let us know in the comments. 




Will be updated to a V2 with multiple pages and a V3 with more complex interactions! (not all articles/cases are fully written yet)

🔥 BRAINLAYERS Agency/Portfolio

🔥 BRAINLAYERS Agency/Porfolio

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

Noise Effect

Noisy Background Effect

Hi my gorgeous friends of Webflow,

This project is a complete Desktop rebuild of Webflow website home page.

Needless to say, Webflow home page is a huge example of how to implement mega menus, scrolling interactions, custom tabs components, infinite marquees that stops on hover, greatly customized sliders, awesome design, and much more.

Enjoy and feel free to leave a comment! :)

Have an awesome Webflow journey y'all,
Francesco

Webflow Home Page Rebuild

The 💪 finweet's client-first style system was used to rebuild the Lattice's new revamped site 🤌.

Some observations while building it:

✅ Neatly structured page elements that is accessible to screen readers
✅ A common ground for all the stack-holders, including designers, developers, copywriters and marketers 
✅ Pre-built style guide: Super organized combo+global classes catalyzes the building process and reduce the complexity
✅ Well thought nomenclature: It'll never eat up your brain while building/debugging it

Learn More about Client first here: https://www.finsweet.com/client-first/

CF Lattice

Lattice: Client-first Implementation

Hello All!

Here is a digital service landing page from our shade project. 

Follow us to get 5 more landing pages in the next days.


================================

Relevant links:
   + Uiflow.co
   + https://shade.uxtheme.net/
   + https://twitter.com/moshfequrR
   + https://twitter.com/uiflow_co
   
===============================

Digital Service

(Clone-able) Shade digital Service Landing Page

Twigs Paper

Twigs Paper | Home Rebuild

My first cloneable!

I rebuild Buffer's homepage in Webflow. I made it mainly for fun and also to give something to the community, so I made it a cloneable.

Some custom css and jQuery were used for some animations.

Not perfect but enjoy and let me know what you think!

Please Note: NOT RESPONSIVE

Enjoy. 😄

=====================

👨‍💻 Available for work, DM me.

=====================

💌 Follow me on social media

https://twitter.com/lehardjo

Buffer Rebuild

Buffer Webflow Rebuild

This is a partial clone of the VC Swipe site (https://www.vcswipe.com)

- Full page scroll transition with Anime.js
- Control most of the interaction with Anime.js
- Control Lottie with Lottie.js
- Use mix-blend-mode

Incoming : 
- Seamless page transition with Barba.js
- More Slides & Pages
- Detail animation
- Slide progression element
I create it to practice and showcase my skill to getting hired on Upwork
=> https://www.upwork.com/freelancers/~01993b9a585a347664

Clone of VC Swipe

partial-clone-of-vcswipe | custom fullpage scroll | anime.js

Hello All!

Here is a Software landing page from our shade project. 

Follow us to get 6 more landing pages in a couple of weeks.


================================

Relevant links:
   + Uiflow.co
   + https://shade.uxtheme.net/
   + https://twitter.com/moshfequrR
   + https://twitter.com/uiflow_co
   
===============================

Shade Software Landing

(Clone-able) Shade Software Landing

Another Frontendmentor.io cloneable to share with you all!

This project design was a collaboration between Frontendmentor.io, Kevinpowell.co, and Scrimba.com. The project is free for anyone to go check out.

I've built it out in Webflow using Finsweet's Client-First naming system. Site feature a couple of Tab elements, a Slider element, and just a small amount of custom CSS to get that frosted look in the navigation bar.

Like what you see? I'm looking for a full-time Webflow job, so hit me up over on Twitter.com/CoryRunn.

Happy cloning!

Space Tourism

Using cutting-edge technology modeled on nature's own design, Polybion creates premium, high-performance biomaterials from fruit waste.

Polybion

Polybion - Biomaterials for forward thinkers.

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

A website for my circle partner from Chicago. WebGL + noise + custom animations + horizontal scrolling.

Discover customcss websites built by the Webflow community

Discover customcss websites built by the Webflow community