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

Hello 👋

this link animation is inspired by rubenwyttenbach.ch and made using CSS, JavsScript, and SpilitText.js

Click on Say hello 👋 to request more. Follow for more clonable.

ruben-menu

Link animation using CSS and JavaScript with Sound on hover

Explore the world of 2D shape interactions through a captivating journey powered by Matter.js, a powerful physics engine for JavaScript.

2D Shape Interaction

2D Shape Interaction Using Matter JS

Oleksander's Workspace

Portfolio website for a Belarusian architect, interior & industrial designer, Sasha Hamolin.


Website by

Design — Yana Lue (yalu.dsgn@gmail.com) 
Art-Direction — Kate Distry (sinyazh@gmail.com)

Sasha Hamolin portfolio

Sasha Hamolin — Portfolio Website

MakersTeam

An end-to-end software platform for optimized, reliable and sustainable transportation services for fleets and mobility operators

Autofleet

The next chapter in tech funding.Over €400M of non-dilutive capital available.

Custom site built in Webflow from scratch.

arkkapital.com

Ark Kapital – The next chapter in tech funding

Hey Webflowers,
I build this custom pricing calculator. The client gave me different scenarios and I converted them into an algorithm that calculates the pricing.

The algorithm is written using Javascript.

One mentionable UX feature is the sticking on scroll of right container. This way the user can have a realtime overview of the price as they select different services without having to scroll up and down.

Hope you find it valuable. Feel free to clone. 

If you want to develop a pricing calculator like this or need any help building your own, email me at hamzanasim6348@gmail.com. I'd be happy to help. 

Pricing Calculator

Complex Pricing Calculator

Fun little project that I wanted to try after coming across Robin Noguier's portfolio (https://robin-noguier.com/)

Project Slider

Vertical Slider

Attribute Builder

Build Your Own Attribute Solutions

Overview: Ledger Nano X is a product I used since 2016. I loved the project & decided to redesign the landing page 8 years later. For that I used scroll-trigger similar to what is used in Apple. The site received an award on Behance. 1 year later I began giving this project as a test to developers coming wanting to get employment at our agency, all of whom failed it & could not acomplish within 7days. I decided to give it a go & completed it in 14h.

Features:  
1. The navigation was used with vanilla JS & some CSS 🔥 
2. The logo is embeded as SVG & animated through CSS 🔥 
3. Custom CSS for hover interactions 🔥 
4. Ukiyo Parallax Library 🔥 
5. Apple like scroll-trigger done natively in Webflow 🔥 
6. Auto rotating tabs using Webflow JS + JS 🔥 
7. Swiper slider (Swiper.JS) 🔥 

Ledger Nano X

Showcasing yet another pricing calculator. This time using these UX-friendly, custom-coded select fields to choose an option and traverse through all the options and update prices accordingly. Also using the custom-designed checkboxes for Extra tasks.  

The calculation algorithm is bug free and the site looks great on mobile too. 

If you want to build a pricing calculator like this feel free to reach out to me at hamzanasim6348@gmail.com.

NOTE. The calculator is inspired by https://housekeep.com/. All the assets like icons and images belong to them.

cleaning-calculator

Cleaning Services Pricing Calculator

BRIX Agency

Connect any public or private API to Webflow and seamlessly display real-time data with zero delay! 🔥

— — — ❓ What make us stand out from the rest? — — —

⚙️ Integrate any API: No matter whether it seems easy or complex, we can integrate any API with its proper documentation. Simple as that!

⭐ High-quality code: The code quality we produce is outstanding. You don't need to worry about terrible or poorly optimized code.

⏰ Fast implementation: Regardless of the difficulty of integrating any API, we're extremely fast. We don't speak in terms of months but in terms of days and weeks.

✅ Well documented: We ensure that every line of code is clearly commented, so there's no need to worry about encountering unexplained code.

Check out our live preview 👉🏻: https://api-integrations-webflow-utility-brix.webflow.io/

Want to integrate an API to Webflow? Send us an email at ✉️ contact@brixagency.com and one of our Webflow Experts will get back to you within 24 business hours.

Real-time API Integration Webflow Utility | BRIX Agency

Vibrand Design

Exclusive Webflow Cloneable for our supporters: 

A comparatively simple and visually appealing way to integrate GDPR-compliant videos from YouTube and Vimeo into your Webflow projects, using a uniform video player using Plyr JavaScript Library. 

To use the components in your own projects, please follow the instructions in the "How-To" section of the cloneable.

- Dennis from Vibrand Design

++++++++++++++++++++++++
Support our work and get the editable JavaScript Code on Patreon 👉 patreon.com/denniskarg 👈 or via Lemon Squeezy 👉 https://denniskarg.lemonsqueezy.com/checkout/buy/09ff7c89-cc78-43c7-8237-0995cdb03172 👈

Plyr Player

Plyr Video Player for Webflow

Three custom Barba.js page transitions to clone! The code uses a mix of Barba, Gsap timelines and some vanilla javascript.

Enjoy :) Press like so I know you want me to make more of these!

Barba Js Transitions | Volume I

Barba.js Transitions | Volume I

fun microsite using javascript that you can easily edit which emojis pop out the sides

Emoji Shooter Fun Button | Assulin Microsite

emojimicrosite

This is a pricing estimate calculator built using Webflow native forms and Javascript.


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

Have fun. Available for projects: hi@bukunmi.dev

pricing calculator

Hey! I built this simple solution that changes the color of the scrollbar as sections enter and exit the viewport for an upcoming project and thought it could be useful enough to share. 

It was made with custom CSS and Javascript.
The Javascript code uses Finsweet's Class Adder and is standalone.

Leave a like if you enjoy and feel free to clone it and use it as a starter for your own projects 🤩

Change Scrollbar color on Scroll

Scrollbar Color Change on Scroll

Hello there!
Welcome to Text Animation on Scroll!!

Immerse your website visitors with captivating text animations using custom javascript that come to life as they scroll, employing modern web technologies to seamlessly animate typography, enhancing user engagement through a dynamic storytelling experience.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Text Animation on Scroll

A video comparison slider that uses JavaScript.

Doesn't *fully* work on mobile as there's a weird buffering issue. Let me know if you solve this!

Discover customjavascript websites built by the Webflow community

Discover customjavascript websites built by the Webflow community