Important note: This project is no longer maintained in favor of the upcoming (and more advanced) Form Logic project that I'm working on in Finsweet. Feel free to play around with this app as much as you want, but I recommend you don't use it in serious projects as I won't be offering any support for it!

-------------------------------------

Use this builder tool to create advanced forms in just a few clicks, without writing one single line of code!

MULTI STEPS
- Multiple steps with input validation
- Additional options like alerts, custom interactions, displaying values, sending hidden forms, and much more.

CONDITIONAL LOGIC
- Build workflows that show, hide, enable, disable, require or unrequire inputs depending on your logic.
- Trigger custom animations when your conditions are met.

More features comming soon. Play around with the builder and let me know if you find any bug, have a request, or need help using it.

Advanced Webflow Forms - Multi Steps & Conditional Logic

Snippets to give your forms superpowers. Or, just mild enhancements. 🍋

form-kit

proof-of-concpet: not ready for prime time

Experiment: animated-page-transitions

Before ecommerce, an experiment in CMS-driven product configuration. Link to your build. "Buy" by submitting the form.

nomad-configurator

Glyph spins with device: load it on your phone. ⚠️ Don't use for orienteering: it doesn't know north.

Experiment: counterspin

Scroll to spin the hue-shift wheel. Color by my 6yo kid.

Experiment: io-butterfly

Experiment: wooden-labyrinth

naïve email obfuscation custom code generator

Tool: email-obfuscator

Integration: seamless-pagination

My portfolio website. I have two goals with it: 1) to showcase my work (of course!) and 2) to combine code + art in ways that bring the latter to life. Experimenting with a lot of parallaxing and subtle animations / interactions!

Illustration by Alice Lee

Quick demo of using 3d <model-viewer> custom element in an embed block 🥑

Component: 3d-model-viewer-component

see also: https://beta.observablehq.com/@forresto/labyrinth

Experiment: paper-labyrinth

bit of a browser stress test with the z-ordering of tilted elements... 
pass: mac firefox, android chrome
fail: mac chrome, mac safari

See also: https://mrdoob.com/lab/javascript/effects/solitaire/

Experiment: circular-flourish

simple mouse lighting on an impossible shape

Experiment: penrose-triangle

2d map, 3d globe, and geolocation utility that you can copy to your projects, with locations added from a collection. Uses https://www.webglearth.com/ or https://leafletjs.com/

Component: geo-components

⚠️Warning: using this results in data usage as long as the page is open. Webflow's native background video component is preferable.

---

Webflow component for Youtube background video

Muted, looping, `cover`-like sizing. Structure, minimal styles, and vanilla javascript in one copyable component.

Forrest O.

About

About

About