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

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

Dictionary for non designers

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

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

Coming Soon - 404studio

Coming Soon One Pager 404studio

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

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

Send Ethereum

Send Ethereum from Metamask

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

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

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

CMS Next / Prev

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!

CMS Slider Showcase

Showcasing content is essential. However, if you have much content on a website you have to recognize the behavior of the page for your visitors. There are different techniques to display content most intuitively while still providing the volume of content some visitors may require. One way is to add a "load more" button to display content dynamically.

This project provides a light jQuery solution with a focus (scroll to) the newly displayed content and a fade-out effect when all content is displayed.

jQuery is based on the code from Mahmoud Elmahdi: https://codepen.io/elmahdim/pen/sGkvH

Load More Button

Load More Button with jQuery

Memberstack

Happy Wednesday! I've noticed there aren't any easy solutions for showing and hiding the contents of a password field, so I decided to create this!

It uses some custom code (back compatible to EI8) from a thread on Stack Overflow. 

Works with Memberstack, but you're welcome to adapt to any project! I hope it serves you well 😁

Discover customjs websites built by the Webflow community

Discover customjs websites built by the Webflow community