WebTricks aims to create easy-to-implement, reusable functionalities for the web. The main platform this project was built for at the beginning was Webflow, but most of the scripts are made to work on any web development project. Meaning that most of the scripts should work without an issue on any website unless it is a CMS ONLY functionality or a Webflow-Specific script.

Request a functionality · Contribute · See the documentation

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.

Table of Contents

1. About the Project
2. Getting Started
3. Requesting a Functionality
4. Contributing
5. Discord Community
6. develop vs master
7. 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.}

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:

<script src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/WebTricks@1/Dist/Functional/ReadTime.min.js"></script>

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:

<script src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/webtricks@1/dist/Functional/CMSFilter.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/webtricks@1/dist/Functional/FormCheck.min.js"></script>

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.