npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@modular-forms/react

v0.11.0

Published

The modular and type-safe form library for React

Downloads

1,552

Readme

Modular Forms

Modular Forms is a JavaScript library built on React and Preact Signals to validate and handle various types of forms. It is type-safe, fast by default and the bundle size is small due to a modular design. Try it out in our playground!

✨ Highlights

  • Small bundle size starting at 3 KB
  • It's fast – DOM updates are fine-grained
  • Type safety with autocompletion in editor
  • Validate everything from emails to files
  • Minimal, readable and well thought out API
  • Modular design – only use what you need
  • No dependencies – except for Preact Signals
  • It's headless – you define the visual
  • Supports all native HTML form fields

🏔 Mission

The mission of Modular Forms is to gather the latest available experience and knowledge to provide the best possible form library for JavaScript frameworks. We pay special attention to type safety, bundle size, performance and input validation. You can expect that every decision we make during development is well thought out and always takes these main features into account.

🪐 Vision

At the time of the initial development of Modular Forms, there was no form library with comparable type safety, bundle size and performance. However, many of the ideas came from previous open source projects and only the development of the last few years has made a form library in this way possible. The vision of Modular Forms is to shape the future of the web together and to share our knowledge and experience with the open source community.

🙌🏼 Credits

When creating Modular Forms, I took inspiration from React Hook Form and Formik. I also want to thank Ryan Carniato for his inspiring streams with exclusive and deep insights into different technologies. Furthermore, I would like to thank David Di Biase, Miško Hevery and Manu Martínez-Almeida for the support I received during the initial development.

✏️ Feedback

Find a bug or have an idea how to improve the library? Please fill out an issue. Together we can make the library even better!

🔑 License

This project is available free of charge and licensed under the MIT License.