Elements
You can find here Clonable projects, Integrations for Plugins and Third party apps, Elements and Code snippets to elevate your project to the next level.
.png)
Live search Anywhere with 'hideseek.js'
Embed a live search bar to search in any div container.
.png)
Changing Text
Change text in a sentence/headline with Webflow's interactions
.png)
.png)
.png)
.png)
Chart.js in Webflow
A short tutorial on how to implement a Chart.js plugin in a Webflow project
%2520(1).png)
Code Syntax in a Dynamic rich-text Element
Using highlight.js plugin to add code syntax in a Dynamic rich-text element
.png)
.jpeg)
Math formulas in CMS
Writing inline (LaTeX) math formulas anywhere on a static or dynamic page using MathJax.
.png)
.png)
Simple Mega Nav (Similar to Mailchimp's)
A very simple mega navigation bar, opens on hover and changes background color on scroll.
.png)
.png)
.png)
"Highlight & Share" with Sharect.js (like in Medium)
A lightweight 'Select text and share / tweet'
.png)
Round Scroll Indicator / Progress Bar
A round scroll indicator mad with Webflow elements and interactions
.png)
Sliding Tabs Menu
A sliding background element placed behind the tabs menu. No custom code, only IX.2
Auto Change Tabs 2.0
A new and improved version for a Tabs element that automatically change tabs
.png)
.png)
Before / After effect
A Before / After effect for photos, without any code. Only Webflow's interaction.
.png)
.png)
Background Video with Audio (using plyr.js)
An embed video with Mute/UnMute button using plyr.js plugin.
).png)
Auto get Current Year
Automatically insert the current year to any element with the class of 'year'
).png)
.png)
Modal Lottie Transition
A full screen close/open animation with lottie
.png){kind=spacer}
.png)
.png)
).png)
CMS Autocomplete
A short JavaScript code for transferring a CMS list into an autocomplete on an input field.
Dynamic Height
A (custom code) solution that combines CSS variables and Vanilla JavaScript for the shrinking / growing of browser top & bottom bars.
.png)