TL;DR

All of the documentation is explained by functionality in the website. Feel free to browse there or request any aditional functionalities in the issues section of this project.

About the Project
Getting Started
Requesting a Functionality
Contributing
Discord Community
develop vs master
Stale Pull Requests

About the Project

As any other developer using no-code web design tools I've struggled with the ability to bring specific, more complex functionalities to platforms like Webflow.

Over the past couple of years I started noticing some of this functionalities are not only commonly used but also requested by many in the community. WebTricks aims to empower developers and designers alike, provinding both simple and complex functionalities that could, in other cases, take longer to develop from scratch.

Webtricks is a lightweight JavaScript library designed to extend and overcome the limitations of no-code platforms like Webflow. It provides a collection of scripts that solve common challenges faced by developers and designers, offering enhanced functionality, dynamic interactions, and streamlined workflows without heavy dependencies.

This being said even though most of this functionalities are built for Webflow, there's many that can be used in any other web project and platform. Feel free to see the full documentation in my site for the complete list of functionalities and scripts available.

_{WebTricks might have been started as a personal project, but I'm a believer that a project for the comunity by the comunity can offer way more value than any single dev could provide so feel free to contribute to this project and use any solution here.

You can follow development and news here}

Getting Started

Direct Import via jsDelivr: Webtricks is hosted on jsDelivr, making it simple to include in your project. You can import individual functionalities directly into your HTML file. For example: ``` ``` Replace CountUp.min.js with the specific script you want to include. Multiple Scripts: Add as many scripts as you need to your project by referencing their respective paths. Example: ``` ``` **Range sliders:** each script is **self-contained** (one tag). Use **`RangeSlider.js`** for custom thumbs or **`RangeSliderSimple.js`** for native thumbs only. Use jsDelivr (not raw `githubusercontent.com`, which often serves `text/plain` and blocks execution). The URLs below use **`@1`**, same as the other jsDelivr examples in this README—**not `@main`**, so embeds stay on a stable major ref. ``` ``` Native-thumb variant (`RangeSliderSimple` is **1.0.0** in source): ``` ``` For a **stricter** pin, use a [release tag](https://github.com/TheCodeRaccoons/WebTricks/releases) (e.g. `@v1.1.0` for RangeSlider, `@v1.0.0` for RangeSliderSimple) or a **commit SHA**. If a page uses **both** slider types, you may include **both** scripts; they use separate attribute namespaces (`wt-rangeslider-*` vs `wt-rangeslidersimple-*`). Ready to Use: Once imported, the scripts initialize automatically, provided the correct HTML attributes are in place.

Requesting a functionality

When you want to request a new functionality please feel free to create an issue. Check out our Wiki for more information.

Contributing

We are happy with every contribution, whether it's new functionalities, fixes, features, or maintainers. Please have a look at our Wiki to see how you can contribute to this project. When contributing make sure you follow the Code Standards descrived in the project.

Discord community

If the project get's enough usage I'm planning on building a community on discord. Where everyone can easily discuss, and have a good time talking with the community members, an official discord link will be released in a later date to allow the community to chat.

`develop` vs `master`

All official releases shall be in master. Any updates in between (updates, new functionalities, features, etc.) will be kept in develop.

develop contains:

Latest functions, lightly optimized, throughly tested.
No full docs in the website for this functions, they will be released with the latest release, though the dev branch will have it's own.
Experimental changes.

master contains:

Latest official release, including all functionalities, well optimized and under support.
Official, well tested changes.

Stale Pull Requests

After a pull request has been open for over 30 days with no activity or response from the author, it'll be automatically marked as stale. We might fork your changes and merge the changes ourselves. Since GitHub tracks contributions by commits, you will be credited.

Our Contributors

The community supports this project; huge thanks to everyone who has made this possible!

_JorchCortez

_{matthewcsimpson}

_{Likhithakathireddy}