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

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

Variable Fonts

Variable Font Interactions

Stacking Slider

Overlapping CMS Slider

📌📌 WEBFLOW NOW SUPPORTS LOTTIE NATIVELY 📌📌

Learn More about it @ https://university.webflow.com/courses/after-effects-lottie
---------------------------------------------------

Hey! 🙌🙌

Here's a detailed guide on implementing animation inside of webflow using Lottie's bodymovin JS’. 

View the full guide here: https://www.flowbase.co/guides/lottie-webflow

Lottie is a fantastic way to add some extra wow to your web designs, or to help communicate complex messages without limiting creativity or your sites speed. 

In this guide I will explain how to get started with lottie and how to you can add lottie to your own projects. 

I'll also show you some custom code that will get you started with simple JS controls for hover & scroll into view. 

If you're interested in more content like this please consider following us and showing support :)

Need Help? Contact us.

Lottie Bodymovin Animations

Flowbase - Lottie Animations in Webflow

Whiteboard

Climate Neutral works to decrease global carbon emissions by getting brands to measure, offset, and reduce the carbon they emit. We believe consumers and brands must work together to drive the world toward the zero net emissions future that science tells us we urgently need.

Climate Neutral

Some slick page pre-loader. Wrapped in component with some custom code in page settings.

Open live site to see it in action! // Custom code included

Fully customizable:
- change variables in custom code to adjust duration;
- adjust pre-loader hide-animation to match your style;
- change copy (loading)
- it inherits typography from body all pages tag.

Copy and paste it into your project, simple as that.

__
Inspired by Timothy Ricks' YT video.

Sleek site preloader (Cloneable)

Shade App Landing

(Clone-able) Shade App Landing

https://www.timothyricks.com/resources/cms-next-prev

CMS Next / Prev

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

Dictionary of design terms that everyone in the IT industry should know

Dictionary for non designers

Hi Webflow community!

This is a simple loan quote estimator, feel free to clone it but don't forget to comment!

Credit Calculator

Loans, Credits & Quote Calculator | Calculate your payment

Hey everyone!

Here is a text stroke interaction on mouse movement.

Make sure to clone it.
If you like these contents, make sure to follow us and check out uiflow.co

Visit us @ uiflow.co

Uiflow - Text stroke mouse movement

uiflow-text-stroke-mouse-movement

Integrated post processing and native DOM interaction on my WebGl engine. Made a tiny progress demo. 

Def not optimised / responsive.

👀 

webgl-post

Native WebGl Engine -> Post Processing

Small experiment to get started in web 3.0.
I used the MetaMask API and web3.js

Send Ethereum

Send Ethereum from Metamask

A simple todo-list with filter functionality using JS. 

Feel free to leave some feedback :)

js-todo-list-v1

TODO List with filter functionality

CMS Slider Webflow Cloneable, both with CMS and Without CMS using SplideJS Library.

Referece: https://splidejs.com/

Clone and Enjoy!

Discover customjs websites built by the Webflow community

Discover customjs websites built by the Webflow community