Fetching latest headlines…
A sign-up flow that writes itself — then hands you the pen
NORTH AMERICA
🇺🇸 United StatesJuly 1, 2026

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

1 views0 likes0 comments
Originally published byDev.to

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.

Comments (0)

Sign in to join the discussion

Be the first to comment!