Responsive Web Design Grid
A template of web design grid to help you design better.
.png)
Thick Underline
An editable thick underline for your Headlines
.png)
Email Validation (Non-free / Work)
Excluding 100 of the most popular free email domains from using it in a Webflow form with JavaScript.
.png)
Contact form as a Chat widget
A contact form disguised as a chat widget.
%2520(1).png)
Cursor Blend
A few short lines of code, to replace the pointer with an interactive color element.
Changing Text
Change text in a sentence/headline with Webflow's interactions
.png)
Swapping Text on Scroll
Swapping a sticky element on sections scroll.
Auto change tabs
A script to automatically switch between tabs in a loop.
Animated Favicon
A short code that changes multiple .png files to create animation.
Custom Slider
A small upgrade to the normal behaviour of the Webflow Slider Widget.
.jpeg)
OS Detection with JavaScript
Short JavaScript code that detects which OS system the user is running and display div accordingly.
Scroll & Focus
Scroll down and focus on an input field when a button is clicked
.png)
Current Class on Dropdown
Makes the dropdown element (usually inside navigations) indicate when a current state is active on one of the pages within.
.png)
Before / After effect
A Before / After effect for photos, without any code. Only Webflow's interaction.
.png)
Dynamically Inject current page URL to a Text element
Changing a text element by the page url using JavaScript
.png)