A sign-up flow that writes itself — then hands you the pen

vivek singh — Wed, 01 Jul 2026 05:47:10 +0000

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.

DEV Community: vivek singh

A sign-up flow that writes itself — then hands you the pen