I’ve built a conditional form builder inside , allowing editors to create dynamic forms with inputs that show/hide based on other selections—all without needing to code. You can check it out here: https://fuscia-cookie.cloudvent.net/.
The implementation uses and Alpine.js, extending CloudCannon’s Venture template (which itself uses
and vanilla
). Editors can create and manage forms entirely through
’s UI, selecting from a set of input options, while the underlying logic handles conditional visibility.
I chose Alpine.js because it allows the use of <template>
, meaning hidden inputs aren’t in the DOM until triggered. This prevents validation issues, like a required field blocking submission when it’s not visible because it wasn’t the path someone went down.
Key Benefits:
- Fully managed in
– Editors can build forms visually, with no need for coding.
- More complex logic without breaking validation – Hidden fields don’t exist until needed.
- Submits directly to
’s inbox – No external tools or integrations required.
While this is still a basic implementation and might not suit highly complex logic needs, it offers a low-cost, no-code solution for clients who want more dynamic forms without relying on third-party form builders.
For any developers interested in building something similar, you can see the code in this Repo and heres a peak at how it looks in
:
Would love to hear feedback! Has anyone else tackled custom form logic in ?