Text Form Experiments

12 Shots

1 part tribute project, 1 part testing Flow. We challenged ourselves to see if Flow could export working text input form elements backed by animations.

createwithflow.com/experiments/te...

More Projects

Kaede (Text Form Experiment #4) animation createwithflow css flow javascript js microinteractions ui animation waapi web animations

Kaede (Text Form Experiment #4)

March 09, 2020

The Kaede design, from our Text Form Experiments. Made with Flow, and exported as an animated form element, via Web-Animations API and JS. Inspired by Tympanus

Isao (Text Form Experiment #3) animation createwithflow css flow javascript js microinteractions ui animation waapi web animations

Isao (Text Form Experiment #3)

March 06, 2020

From our Text Form Experiments, the Isao design. Made with Flow, and exported as an animated form element, via Web-Animations API and JS. No #fakeui here, everything is real baby. Inspired by Tympanus

Juro (Text Form Experiment #2) animation createwithflow css flow javascript js microinteractions ui animation waapi web animations

Juro (Text Form Experiment #2)

March 05, 2020

From our Text Form Experiments, the Juro design. Made with Flow, and exported as an animated form element, via Web-Animations API and JS. No #fakeui here, everything is real baby. Inspired by Tympanus

Haruki (Text Form Experiment #1) animation createwithflow flow javascript js microinteractions ui ui animation waapi web animations

Haruki (Text Form Experiment #1)

March 04, 2020

From our Text Form Experiments, the Haruki design. Made with Flow, and exported as an animated form element, via Web-Animations API and JS. No #fakeui here, everything is real baby. Inspired by Tympanus