Embed a live search bar to search in any div container.
Excluding 100 of the most popular free email domains from using it in a Webflow form with JavaScript.
Applying variant width to CMS items on the same list.
A short tutorial on how to implement a Chart.js plugin in a Webflow project
A todo list, created with JavaScript collected through the internet... ;)
A contact form disguised as a chat widget.
A script to automatically switch between tabs in a loop.
A few short lines of code, to replace the pointer with an interactive color element.
A fixed background image that is revealed by mouse hover all over the section
A short code that changes multiple .png files to create animation.
Convert the Workspaces dropdown to an open sidebar with custom order.
Using highlight.js plugin to add code syntax in a Dynamic rich-text element
Pass input fields parameters and add them to the destination URL.
A new and improved version for a Tabs element that automatically change tabs
Changing a text element by the page url using JavaScript
Writing inline (LaTeX) math formulas anywhere on a static or dynamic page using MathJax.
Using a little bit of jQuery to adjust the success message height
Automatically insert the current year to any element with the class of 'year'
An embed video with Mute/UnMute button using plyr.js plugin.
A Webflow Tabs widget with some edits and custom code to make the menu scrollable on desktop & mobile
Short JavaScript code that detects which OS system the user is running and display div accordingly.
A lightweight 'Select text and share / tweet'
Scroll down and focus on an input field when a button is clicked
Makes the dropdown element (usually inside navigations) indicate when a current state is active on one of the pages within.
A very simple mega navigation bar, opens on hover and changes background color on scroll.
A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.
Using JS to scroll a div (menu) to the current link inside.
A short CSS code for floating labels on a form
Insert a symbol element into a RichText. On a static or dynamic page.