Superform is a lightweight, powerful JavaScript library designed to simplify the creation of both simple and complex forms. Effortlessly build dynamic, multi-step forms, validate user inputs, and incorporate real-time interactive elements.
- Single and Multi-Step Forms: Easily guide users through multiple steps.
- Data Validation: Robust validation to ensure accurate data entry.
- Conditional Logic: Personalize form paths based on user inputs.
- Scoring and Quizzes: Develop interactive quizzes with scoring mechanisms.
- Reactivity: Dynamically update form elements based on user interactions.
- Animations: Enhance user experience with customizable animations.
- SDK for Developers: Full programmatic control with our powerful SDK and hooks.
- Keyboard Navigation: Improve accessibility with built-in keyboard navigation.
- Offline Storage and Prefill: Save user progress locally and prefill forms with query parameters.
- Data Privacy: All operations, calculations, and data processing are performed locally on your site; no information is stored on external servers.
- Superfast and Lightweight: No external dependencies, only ~9kb gzipped ⚡.
- Infinitely Extensible: Enhance and customize your forms with dynamically imported plugins on demand.
Add the following script to the <head> section of your HTML file:
<!-- Superform by Delta Clan -->
<script
defer
src="https://cdn.jsdelivr.net/npm/@deltaclan/superform@2/dist/superform.js"
></script>To initialize Superform, simply add the sf attribute to your form container and define your steps with the sf-step attribute. For a comprehensive guide, visit our official documentation.