Responsive Web Design Grid
A template of web design grid to help you design better.
.png)
Changing Text
Change text in a sentence/headline with Webflow's interactions
.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)
Auto change tabs
A script to automatically switch between tabs in a loop.
Cursor Blend
A few short lines of code, to replace the pointer with an interactive color element.
Contact form as a Chat widget
A contact form disguised as a chat widget.
%2520(1).png)
Custom Slider
A small upgrade to the normal behaviour of the Webflow Slider Widget.
.jpeg)
Swapping Text on Scroll
Swapping a sticky element on sections scroll.
Dynamically Inject current page URL to a Text element
Changing a text element by the page url using JavaScript
.png)
Before / After effect
A Before / After effect for photos, without any code. Only Webflow's interaction.
.png)
Animated Favicon
A short code that changes multiple .png files to create animation.
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)