Relume Library + SO-Framework + SO-Inspector

Webflow Reactivity Demo

Build complex reactive apps and forms in Webflow using SO-Framework.

Click the ⚡️ to open the reactive store inspector.

WARNING: Webflow form submission overridden

This cloneable uses the x-on:submit attribute, which overrides the default Webflow form submission flow allowing you to pass data in your desired format to your backend of choice.

You can remove the x-on:submit attribute; however, the custom single-select and multi-select will be treated as regular checkbox and radio inputs by Webflow.

Built for Webflow

Easy install (copy & paste library)

Bind variables to elements using attributes

Build complex forms with multi-dimensional data (this demo)

Display collection lists from external data sources

Create inline forms with dynamically added fields

Build anything 🔥

Form

Populate the form and watch the reactive store update automagically.

Selected Item
Tag
No tags selected
This is a demo form! Please check the console for the output.
Oops! Something went wrong while submitting the form.

Playground

Interact with the store to dynamically update the form.

Hello unknown
Add new category (C4)
Select newly added category (C4)