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)

TWOTWO is a social athletics company designing high-quality products to be used both on and off the padel court.

Live site: twotwo-official.com
Check another ecomm site: ujjo.webflow.io

------------------------------------------------

Disclaimer: This project was made for educational purposes and is not affiliated with Two Two in any way. All rights of the images, logos, and texts belong to Two Two.

------------------------------------------------
Have a new project in mind? Let's chat -
🟢 https://cal.com/chintan/30min

Contact:
📭 hello@chintan.design
🌎 https://chintan.design
🐥 https://twitter.com/heyychintan
------------------------------------------------

Two Two Official

Two Two Official - eCommerce Site Rebuild

****UPDATE - 01/08/23. This project is not currently cloneable. I need to go through it and remove all my personal projects and testimonials. Once I update the content I will flip the "clone" switch.****

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

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Timer

Countdown Sliding Timer

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

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Webflow Home Page Rebuild

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

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

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

------------------------------------------------

Disclaimer: This project was made for educational purposes and is not affiliated with Polybion in any way. All rights of the images, logos, and texts belong to Polybion.bio

------------------------------------------------
Have a new project in mind? Let's chat -
🟢 https://cal.com/chintan/30min

Contact:
📭 hello@chintan.design
🌎 https://chintan.design
🐥 https://twitter.com/heyychintan
------------------------------------------------

Polybion

Polybion [Rebuild]

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

------------------------------------------------

Disclaimer: This project was made for educational purposes and is not affiliated with Lattive in any way. All rights of the images, logos, and texts belong to Lattice.

------------------------------------------------
Have a new project in mind? Let's chat -
🟢 https://cal.com/chintan/30min

Contact:
📭 hello@chintan.design
🌎 https://chintan.design
🐥 https://twitter.com/heyychintan
------------------------------------------------

CF Lattice

Lattice: Client-first Implementation

Twigs website home rebuild!

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

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

Coming soon page design - minimalist with some interactions and easy to watch.

Coming Soon - 404studio

Coming Soon One Pager 404studio

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

alex

alex-flow

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

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