A sign-up flow that writes itself — then hands you the pen
Most sign-up flows feel like paperwork. A stack of labelled boxes, a "Step 2 of 5" wizard, or a chatbot pretending to be a person. narrative-form is none of those things. It's a typewriter-style, appendable form experience. The app types out a sentence — "My name is" — character by character, like it's writing a letter. Then it pauses and hands the cursor to you. You fill in your name inline, confirm it, and the next sentence types itself out below. The page grows like a living letter being writ
Most sign-up flows feel like paperwork. A stack of labelled boxes, a "Step 2 of 5" wizard, or a chatbot pretending to be a person.
narrative-form is none of those things.
It's a typewriter-style, appendable form experience. The app types out a sentence — "My name is" — character by character, like it's writing a letter. Then it pauses and hands the cursor to you. You fill in your name inline, confirm it, and the next sentence types itself out below. The page grows like a living letter being written together.
No fields stacked top to bottom. No slides. No fake conversation. Just a continuous paragraph that the user and the app write together.
Built as an open source React package (@viveksinghind/narrative-form-react), with Angular, Vue, and React Native versions in progress.
— 10 field types: text, tel, email, password, OTP, chips, and more
— Full validation engine: built-in rules, async, server-driven, cross-field
— Dynamic/server-driven forms: fetch your field config from a DB, A/B test without redeploying
— CSS class system (ns- prefix), dark mode, RTL, i18n
— Zero runtime dependencies, under 10KB gzipped
This started as a personal, after-hours experiment — I was tired of sign-up flows that felt cold. The result is a pattern I genuinely haven't seen anywhere else done this cleanly.
Try the live examples at the docs site. Install in 30 seconds.
