Discover Our Unique Features

Unlock the power of dynamic form utilities with our feature-rich Typescript library. Transform your data and enhance the user experience.

Get Started

Customizable Masking & Validation Rules

Developers can define custom masks and validation rules tailored to specific use cases, such as international phone formats.

Lightweight & Performance Optimized

A well-optimized TypeScript library can be lightweight and dependency-free, ensuring fast performance with minimal impact on load times.

Seamless Integration with frameworks

Easily integrates with popular frameworks React/Angular/Vue like React Hook Form or Formik.

Get Started with TS Nano Form

Follow these simple steps to add the library to your project.

Install the Library

npm install ts-nano-form

Import and Use

import NanoForm from "ts-nano-form";

const TsNanoForm = NanoForm();

const FormUser = TsNanoForm.createForm({ name: "form-user"});

FormUser.field("name").setValue("John Doe");

FormUser.submit((data) => {
  console.log("FETCH", data);
});