PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.2

npm

11labs-community-gen-ui-forms

Generative UI Forms for ElevenLabs Conversational AI (not affiliated with ElevenLabs)

conversational-aielevenlabsformwidget
Published23 Feb 2025
Direct dependencies6
Transitive dependenciesNot calculated

README

Current package documentation

Generative UI Forms for ElevenLabs Conversational AI

Note: This is a community-created solution and is not affiliated with ElevenLabs. Use at your own discretion.

This package extends the ElevenLabs Conversational AI Widget with dynamic form generation capabilities. It enables your AI agent to create, validate, and manage forms in real-time during conversations, providing a seamless way to collect structured data from users.

showcase

Features

  • 🎯 Dynamic form generation during conversations
  • ✨ Beautiful, modern UI that matches ElevenLabs design
  • ✅ Real-time validation with user-friendly messages
  • 🎨 Pre-styled components that work out of the box
  • 📱 Fully responsive design
  • 🔒 Type-safe form schema

Supported Field Types

  • text: Single-line text input
  • email: Email address input with validation
  • number: Numeric input with optional min/max
  • date: Date picker
  • datetime-local: Date and time picker
  • time: Time picker
  • tel: Phone number input
  • select: Dropdown with options
  • textarea: Multi-line text input

Usage

Add the ElevenLabs Conversational AI widget to your page:

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://elevenlabs.io/convai-widget/index.js" async></script>

Add the Gen UI Forms script to your page:

<script src="https://unpkg.com/11labs-community-gen-ui-forms"></script>

Configure your agent to use the Gen UI Forms

To work forms require adding instructions to the system prompt and creating additional tools.

  1. Add system prompt from config/prompt.md to the end of your agent system prompt.
  2. Add tools by calling API or manually on ElevenLabs' Dashboard:

That's it! Your agent can now use forms to collect relevant information during conversations.

Contributing

We welcome contributions! Please feel free to submit a Pull Request.

License

Usage is provided under the MIT License.

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 6

Native requirements
6 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@rollup/plugin-node-resolve
Environment
{
  "local_name": "@rollup/plugin-node-resolve",
  "alias": false,
  "peer_metadata": null
}
^15.0.0development
concurrently
Environment
{
  "local_name": "concurrently",
  "alias": false,
  "peer_metadata": null
}
^9.1.2development
http-server
Environment
{
  "local_name": "http-server",
  "alias": false,
  "peer_metadata": null
}
^14.1.1development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^2.79.1development
rollup-plugin-postcss
Environment
{
  "local_name": "rollup-plugin-postcss",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
rollup-plugin-terser
Environment
{
  "local_name": "rollup-plugin-terser",
  "alias": false,
  "peer_metadata": null
}
^7.0.2development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-7POaAUndoDeGedhL/dXEPfvIQtPdFIT5STXvg/bpINJ2m/SA7K7eAPKF2xJdGFh4LgGB+Uin/R1qbrsqoRzE0w==",
  "shasum": "2dff4696ef8b39070f521d7fd60135291b9d1232",
  "tarball": "https://registry.npmjs.org/11labs-community-gen-ui-forms/-/11labs-community-gen-ui-forms-0.0.2.tgz",
  "fileCount": 6,
  "unpackedSize": 46489,
  "signatures": [
    {
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U",
      "sig": "MEUCIQCLXwevegr4zDx5CFO4SwNuSx/PGqGITHubZldmNo1b9QIgHx5akpCtOS5b9OwV3MMFOD4ZSvYA0JR8SrJ4q1eLCgs="
    }
  ]
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 18:05 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:c70a2d9b9429016decd36bc137738db8b5eea456b3127aae1431ea136dce2a8d

Other collected versions

0.0.123 FebView all collected versions →