Introducing Conversational Form 1.0

Image for post
Image for post

Tale as old as time, song as long as rhyme: no one likes filling out web forms on the internet.

So about two years ago, SPACE10 decided to reimagine this interface with the introduction of Conversational Form: a tool that turns web forms into conversations—making it easy for developers and designers to engage with people in a more compelling and intuitive way.

What initially started as a digital exploration has now come full circle: Conversational Form is still free and open-sourced—but now it’s updated with new features and ready to be unveiled as Conversational Form 1.0.

Image for post
Image for post

Out with the Old

Whether we’re searching for content or logging in to our email account, we fill out web forms every day when we browse the Internet. These web forms have been the status quo for decades—but with a few simple lines of code, they can be transformed into something as natural as a conversation.

Image for post
Image for post

In with the New

With Conversational Form 1.0, you can:

  • Build fully dynamic conversational experiences using our extensive API
  • Easily customise the conversation to fit your brand using SCSS
  • Browse through examples on integrating Conversational Form with React. Vue and Angular
  • Build conditional flows with multiple paths and outcomes
  • Leverage a new default UI that will make it easier and faster to adapt to your needs
  • Use an improved animation system to make the visual language more fluent and smooth
  • Make it personal with reusable answers and question variations
  • Enjoy smooth functionality on both desktop and mobile

How it Works

Getting started is fairly easy using npm or yarn.

npm install conversational-formyarn add conversational-formimport { ConversationalForm } from ‘conversational-form’;
<form cf-form action=”/post”>
new ConversationalForm({formEl: <HTMLFormElement>});

Then Choose Your Theme

When instantiating Conversational Form you can use the ‘theme’ option and one of the following values: light (default), dark, blue, red, green, purple.

Image for post
Image for post

Let us know what you think

Conversational Form started as an experiment within Do you speak human?, a SPACE10 project exploring the future of conversational interfaces and AI. We’re curious to know what you think of it! Check us out on Product Hunt and Github to see more.

Written by

A research and design lab on a mission to create a better everyday life for people and the planet.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store