Tricks

Responsive Web Design Grid

18
18
Oops! Something went wrong while submitting the form.

A template of web design grid to help you design better.

Read more
White Arrow icon

Thick Underline

14
14
Oops! Something went wrong while submitting the form.

An editable thick underline for your Headlines

Read more
White Arrow icon

Changing Text

10
10
Oops! Something went wrong while submitting the form.

Change text in a sentence/headline with Webflow's interactions

Read more
White Arrow icon

Email Validation (Non-free / Work)

8
8
Oops! Something went wrong while submitting the form.

Excluding 100 of the most popular free email domains from using it in a Webflow form with JavaScript.

Read more
White Arrow icon

Desktop Grid, Mobile Slider

5
5
Oops! Something went wrong while submitting the form.

Change Webflow's Slider to act as a "regular" grid block on desktop, but go back to Slider on Tablet and smaller screens.

Read more
White Arrow icon

Contact form as a Chat widget

5
5
Oops! Something went wrong while submitting the form.

A contact form disguised as a chat widget.

Read more
White Arrow icon

Auto change tabs

5
5
Oops! Something went wrong while submitting the form.

A script to automatically switch between tabs in a loop.

Read more
White Arrow icon

Cursor Blend

5
5
Oops! Something went wrong while submitting the form.

A few short lines of code, to replace the pointer with an interactive color element.

Read more
White Arrow icon

Animated Favicon

4
4
Oops! Something went wrong while submitting the form.

A short code that changes multiple .png files to create animation.

Read more
White Arrow icon

Swapping Text on Scroll

3
3
Oops! Something went wrong while submitting the form.

Swapping a sticky element on sections scroll.

Read more
White Arrow icon

Custom Slider

3
3
Oops! Something went wrong while submitting the form.

A small upgrade to the normal behaviour of the Webflow Slider Widget.

Read more
White Arrow icon

Dynamically Inject current page URL to a Text element

2
2
Oops! Something went wrong while submitting the form.

Changing a text element by the page url using JavaScript

Read more
White Arrow icon

Before / After effect

1
1
Oops! Something went wrong while submitting the form.

A Before / After effect for photos, without any code. Only Webflow's interaction.

Read more
White Arrow icon

OS Detection with JavaScript

1
1
Oops! Something went wrong while submitting the form.

Short JavaScript code that detects which OS system the user is running and display div accordingly.

Read more
White Arrow icon

Scroll & Focus

1
1
Oops! Something went wrong while submitting the form.

Scroll down and focus on an input field when a button is clicked

Read more
White Arrow icon

Current Class on Dropdown

1
1
Oops! Something went wrong while submitting the form.

Makes the dropdown element (usually inside navigations) indicate when a current state is active on one of the pages within.

Read more
White Arrow icon

Dynamic Height

0
0
Oops! Something went wrong while submitting the form.

A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.

Read more
White Arrow icon