Function

Here are some tools, resources and recommendations you may find useful for your next or any future projects. Will continue to grow 😉

Ticker
This is some text inside of a div block.

Create a smooth continuous slider for all kinds of content such as testimonials, logos, and more. Use simple attributes to control the settings of each ticker.

Tap to Expand
Date Picker
This is some text inside of a div block.

A beautiful themeable date picker / calendar with plenty of useful options. Supports several languages, date ranges and much more.

Tap to Expand
Swap All Values on Click
This is some text inside of a div block.

One click trigger to change & swap text, urls, attributes, display properties and more.

Tap to Expand
Find, Style & Replace Matching Strings
This is some text inside of a div block.

Find all text that matches a string value, wrap them in a span element to style and/or replace the string value.

Tap to Expand
Floating Form Labels
This is some text inside of a div block.

With this crumb we can simply create what is commonly known as floating form labels. A UI effect that allows you to display form labels as placeholders initially and animate them to typical labels.

Tap to Expand
Datepicker
This is some text inside of a div block.

Add a custom date picker to your form for consistent date input. No more manually typing it in for your visitors. Customize the look to match your design.

Tap to Expand
Accordion
This is some text inside of a div block.

Smooth accordion that automatically closes an accordion item when a new one is selected. All elements are handled directly in Webflow.

Tap to Expand
Custom Quantity Buttons
This is some text inside of a div block.

Now you can add really nice custom buttons for your products quantity field. This is great so users don't have to type the amount anymore.

Tap to Expand
Open Specific Tabs from other Pages
This is some text inside of a div block.

Link to and open a specific tab from any other page on your website with Webflow's native tabs element.

Tap to Expand
Cookie Notice
This is some text inside of a div block.

Cookie consent notice for your website visitors by Osano. Super easy to use & looks nice too.

Tap to Expand
Math Captcha for Forms
This is some text inside of a div block.

Prevent spam with this awesome code snippet that validates the submission by answering a simple math problem.

Tap to Expand
Disable Form Submit with the "Enter" Key
This is some text inside of a div block.

Simple code to stop or prevent the enter or return key from submitting a form.

Tap to Expand
Reveal Submit Button When Email is Validated
This is some text inside of a div block.

This awesome code crumb will hide the submit button on any form until the email is validated in the email input field. Adds a really nice visual experience.

Tap to Expand
Dynamic Weekday
This is some text inside of a div block.

This snippet will generate the text dynamically for the correct weekday where ever you want in your project.

Tap to Expand
Dynamic Copyright Year
This is some text inside of a div block.

This short Javascript code crumb will allow you to dynamically set the current year for your © copyright year in your footer automatically.

Tap to Expand
Browser Back Button
This is some text inside of a div block.

This short JQuery code crumb will allow you to add make any button (your dedicated back button) return the user to the previous page using the browser history.

Tap to Expand
Custom Select Field
This is some text inside of a div block.

This snippet allows you to customize the select field for your forms replacing the default select UI and UX for an arguably nicer one.

Tap to Expand
Coupon Copy-to-Clipboard
This is some text inside of a div block.

This simple yet awesome jquery plugin will allow us to copy a coupon code (or any content you want) to our clipboard to use later somewhere else.

Tap to Expand
Simple JQuery Accordion
This is some text inside of a div block.

This simple script will allow you to easily turn a simple html structure into a nice minimal accordion. This script is just for a simple FAQ accordion that you can use for product pages etc.

Tap to Expand
Reset Webflow Form
This is some text inside of a div block.

This code will reset your Webflow form after submit without hiding the form and still showing your success message. This is great for multiple submissions for different use cases.

Tap to Expand

Know when new crumbs drop!

Never spam. Just honest updates about new snippets!

Built by
Built with