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 about Webix
FusionCharts
FusionCharts is a powerful and easy-to-use JavaScript charting library that helps developers to add interactive charts and data visualizations to their web and mobile applications. With 100+ chart types, including column, bar, line, area, pie, doughnut, scatter, bubble, and more, it's easy to create professional-looking charts that are engaging and informative. The library is completely cross-browser compatible and works seamlessly with a wide range of technologies, including Angular, React, Vue, and more.
FusionCharts product suite consists of
• FusionCharts Suite XT
• FusionTime
• FusionExport
• FusionGrid
FusionCharts offers a wide range of features that make it one of the most popular charting libraries on the market, including:
• Real-time data updates
• Dynamic updates of data using AJAX
• Drill-down and multi-level charts
• Animation and special effects
• Export to PDF, PNG, and SVG
• Responsive design
• Accessibility support
Learn more about FusionCharts
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 about WebDataRocks
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 about React
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
Go from Code to Production URL in Seconds
Skip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
Product Details
Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online
Cleave.js Frequently Asked Questions
Q: What kinds of users and organization types does Cleave.js work with?
Cleave.js works with these users and organization types: Mid Size Business, Small Business, Enterprise, Freelance, Nonprofit, Government, and Startup.
Q: What languages does Cleave.js support in their product?
Cleave.js supports these languages: English.
Q: What kind of support options does Cleave.js offer?
Cleave.js offers support via online.
Q: What other applications or services does Cleave.js integrate with?
Cleave.js integrates with: Angular and React.
Q: Does Cleave.js have a mobile app?
Yes, Cleave.js has a mobile app for iPad, iPhone, and Android.
Q: What type of training does Cleave.js provide?
Cleave.js provides training in the form of documentation.
Q: How much does Cleave.js cost?
Pricing for Cleave.js starts at Free.
