Audience
Individuals looking for a solution to help them format their input content through typing
About Cleave.js
Format your <input/> content when you are typing. Cleave.js has a simple purpose, to help you format input text content automatically. Credit card number formatting, phone number formatting (i18n js lib separated for each country to reduce size), date formatting, numeral formatting, custom delimiter, prefix and block pattern, CommonJS/AMD mode, ReactJS component, AngularJS directive (1.x), and ES module. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text. However, this isn't meant to replace any validation or mask library, you should still sanitize and validate your data in the backend. Types are contributed by the community. Types for the React component are also available and can be imported in the same way.
Other Popular Alternatives & Related Software
Webix
JavaScript UI library and framework for speeding up web development. JS Framework for cross-platform web Apps development 102 UI widgets and feature-rich CSS / HTML5 JavaScript controls. Save at least 3000+ development hours by using ready-made widgets and UI controls. Develop Web UI 30% faster. We have accumulated the best design ideas. We have meticulously considered UX of each Webix component for five conceptual designs. Our support service specialists know everything about our library and can help you solve any problem. We also have an official support forum where you can discuss issues with our developers. By using Webix JS framework you receive an elegant and lightweight code based on object-oriented programming concepts. Associate your project with jQuery JavaScript library, MVC frameworks AngularJS, React, Vue.js, Backbone.js, third party UI extensions.
Learn more
Emotion
Emotion is a performant, flexible CSS-in-JS library designed for writing CSS styles using JavaScript, supporting both string-based and object-based styles while delivering a strong developer experience, complete with source maps, labels, and testing utilities. It offers two powerful usage patterns; a framework-agnostic approach which requires no special configuration yet supports vendor-prefixing, nested selectors, media queries, and class composition through the CSS and CX functions; and a React-optimized variant providing advanced features like the CSS prop for direct styling (similar to the style prop but with support for nested selectors, media queries, and theming capabilities), zero-configuration server-side rendering, native theming, and compatibility with ESLint tooling. Emotion also supports styled-component-like APIs, enabling tag-based or component-based styled elements with dynamic prop-driven styling.
Learn more
WebDataRocks
WebDataRocks is a simple free JS library for creating functional and easy-to-use pivot tables. It can be used with Angular, Vue, React or any other framework.
Free
Flexible in customization
JavaScript based client-side component
Loads 1MB of JSON or CSV data files
Full set of enterprise features
Integration with 3rd party charting libraries
Full set of enterprise features
Features like filtering, sorting, grouping, conditional and number formatting, calculated values, totals are available for efficient work with your data. It supports printing or exporting web report to PDF, Excel or HTML with just one click.
Ready-to-use modern UI
The tool offers a classy spreadsheet-like interface optimized both for browsers and apps. All principles of reliability and excellent user experience are already implemented in this web reporting tool.
Learn more
React
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.
Learn more
Pricing
Starting Price:
Free
Free Version:
Free Version available.
Integrations
Company Information
Cleave.js
China
nosir.github.io/cleave.js/
Videos and Screen Captures
Other Useful Business Software
Enterprise AI Agents for Every Customer Moment
From chat to voice to SMS, every conversation gets a smart, personalized response powered by your policies, tone, and data.
Product Details
Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online
