# @viveksinghind/narrative-form-vue

> Vue 3 components for narrative-form — typewriter-style sign-up flow

Latest version **1.0.9** (published 2026-07-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install @viveksinghind/narrative-form-vue
pnpm add @viveksinghind/narrative-form-vue
yarn add @viveksinghind/narrative-form-vue
bun add @viveksinghind/narrative-form-vue
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.0.9 |
| Published | 2026-07-22 |
| First published | 2026-06-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 94.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Vivek Singh <vivekSinghInd> |
| Maintainers | viveksinghind |
| Keywords | vue, vue3, narrative-form, typewriter, form, onboarding, signup, typescript |

## Links

- npm: https://www.npmjs.com/package/@viveksinghind/narrative-form-vue
- Repository: https://github.com/vivekSinghInd/narrative-form
- npm.io page: https://npm.io/package/@viveksinghind/narrative-form-vue

## Dependencies (1)

- [@viveksinghind/narrative-form-core](https://npm.io/package/@viveksinghind/narrative-form-core.md) 1.0.9

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.9 (latest) — 2026-07-22
- 1.0.8 — 2026-07-22
- 1.0.7 — 2026-07-22
- 1.0.6 — 2026-06-30
- 1.0.5 — 2026-06-30
- 1.0.4 — 2026-06-29
- 1.0.2 — 2026-06-29

## README

# @viveksinghind/narrative-form-vue

Vue 3 implementation for Narrative Form, a dynamic typewriter-style sign-up flow.

## Installation

```bash
npm install @viveksinghind/narrative-form-vue @viveksinghind/narrative-form-core
```

## Usage

```vue
<script setup>
import { NarrativeForm } from '@viveksinghind/narrative-form-vue';

const myFormConfig = {
  form: { id: "test", name: "Test Form", version: 1 },
  welcome: {
    heading: "Welcome to the future",
    subtext: "Let's get started",
    ctaLabel: "Begin"
  },
  fields: [
    {
      key: "name",
      type: "text",
      prefix: "Hi, my name is",
      validation: { required: true }
    }
  ],
  done: {
    message: "All done! Thank you.",
  }
};

const handleComplete = (values) => {
  console.log('Form Complete!', values);
};
</script>

<template>
  <NarrativeForm 
    :config="myFormConfig" 
    @complete="handleComplete" 
  />
</template>
```

## Features
- Built for Vue 3 Composition API
- Uses lightweight `shallowRef` reactivity bridge
- Smooth CSS animations
- Themeable via config

---
_Source: https://npm.io/package/@viveksinghind/narrative-form-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._