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

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.