# jSuites

> jSuites is a collection of responsive, cross-platform JavaScript plugins and web components designed for multipurpose use. This suite includes a variety of lightweight, fully responsive JavaScript plugins such as calendars, date pickers, date-time pickers, colour pickers, input masks, and more, catering to diverse web development needs.

Free and open source (MIT). Install with `npm install jsuites` or load from a CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/jsuites/dist/jsuites.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites/dist/jsuites.min.css" type="text/css" />
```

Source: https://github.com/jsuites/jsuites. Package: https://www.npmjs.com/package/jsuites.

Machine-readable artifacts on this domain:

- https://jsuites.net/llms-full.txt: every current docs page below, concatenated as markdown
- Append `.md` to any docs URL for its markdown source (`/docs/modal` -> `https://jsuites.net/docs/modal.md`), or request any page with `Accept: text/markdown`
- https://jsuites.net/index.md: the homepage as markdown
- https://jsuites.net/.well-known/agent-skills/index.json: packaged skill for coding agents (Agent Skills discovery 0.2.0)
- https://jsuites.net/.well-known/ai-catalog.json: everything this origin publishes for agents (ARD capability manifest)

## Documentation

- [JavaScript Plugins Documentation](https://jsuites.net/docs): jSuites is a collection of responsive, cross-platform JavaScript plugins and web components designed for multipurpose use. This suite includes a variety of lightweight, fully responsive JavaScript plugins such as calendars, date pickers, date-time pickers, colour pickers, input masks, and more, catering to diverse web development needs.
- [Getting Started with jSuites](https://jsuites.net/docs/getting-started): Explore jSuites, a free, comprehensive collection of JavaScript plugins. Features include spreadsheets, dropdowns, color pickers, and more, tailored for modern web development with a cross-platform, user-friendly approach.
- [Testing your JavaScript Plugins](https://jsuites.net/docs/tests): How to create and automate tests for your jSuites plugins, ensuring high-quality reliable web applications.
- [Changelog](https://jsuites.net/docs/changelog)

## JavaScript components

- [JavaScript Calendar](https://jsuites.net/docs/javascript-calendar): Discover jSuites Calendar, a lightweight, responsive JavaScript Calendar plugin for seamless date and datetime picking.
  - [JavaScript Calendar Events](https://jsuites.net/docs/javascript-calendar/events): Learn how events enable seamless integration of the JavaScript Calendar into your application using native event handling.
  - [JavaScript Calendar: International Settings](https://jsuites.net/docs/javascript-calendar/international): Tailor your JavaScript calendar with customizable texts and international settings, ensuring a localized experience for global audiences.
  - [Responsive JavaScript Calendar](https://jsuites.net/docs/javascript-calendar/mobile): Learn how to integrate a responsive JavaScript calendar optimized for mobile and smaller screens, delivering a seamless user experience across all devices.
  - [JavaScript Calendar Valid Range](https://jsuites.net/docs/javascript-calendar/valid-range): Set a valid date range in your JavaScript calendar to grey out dates outside this range, ensuring a guided and precise user selection.
  - [JavaScript Year Month Calendar Picker](https://jsuites.net/docs/javascript-calendar/year-month): Explore the flexibility of JavaScript Year Month Picker, tailored for scenarios requiring exclusive Month/Year selection, offering precise and streamlined inputs for developers.
- [JavaScript Color Picker](https://jsuites.net/docs/color-picker): Enhance web applications with our responsive JavaScript Color Picker. It is compatible with React, Angular, and Vue and offers customizable color selections for diverse projects.
  - [JavaScript Color Picker Palettes](https://jsuites.net/docs/color-picker/color-palettes): Discover how to use and customize native `jSuites color` palettes in the JavaScript color picker plugin. Enhance integration and user experience with predefined and dynamic options.
  - [JavaScript Color Picker Events](https://jsuites.net/docs/color-picker/events): Learn how to handle JavaScript events in your color picker plugin to create interactive and dynamic user interfaces.
  - [Responsive JavaScript Color Picker](https://jsuites.net/docs/color-picker/mobile): Learn how to configure the responsive behaviour of the jSuites color picker plugin, including a fullscreen mode for smaller screens.
- [JavaScript Context Menu Plugin](https://jsuites.net/docs/contextmenu): Easily create custom right-click context menus in web applications with our JavaScript context menu component. This tool provides extensive customization, from submenus to icons, catering to unique application requirements and enhancing user interaction.
- [JavaScript Dropdown](https://jsuites.net/docs/dropdown): Explore comprehensive examples for managing JavaScript dropdowns, from basic setups to advanced configurations and autocomplete features. Learn to create dynamic select boxes with conditional logic for an enhanced user experience on your web application.
  - [Javascript Dropdown With Images](https://jsuites.net/docs/dropdown/countries): Create a country dropdown with autocomplete and flag icons.
  - [JavaScript Dropdown Events](https://jsuites.net/docs/dropdown/events): Learn how to integrate JavaScript dropdowns into your application using event handling for enhanced interactivity and advance UI integrations.
  - [Responsive JavaScript Dropdown](https://jsuites.net/docs/dropdown/mobile): Implement a fully responsive JavaScript dropdown optimized for mobile devices, featuring seamless autocomplete functionality and easy customization for an enhanced user experience.
- [JavaScript Input Mask](https://jsuites.net/docs/javascript-mask): A simple JavaScript mask plugin. Create a mask on HTML input to make sure the data is correctly entered in form elements.
- [JavaScript Modal](https://jsuites.net/docs/modal): jSuites Modal is a lightweight JavaScript plugin and web component designed for building responsive and highly customizable popup modals, enhancing the user experience in web applications.
  - [JavaScript Modal Events](https://jsuites.net/docs/modal/events): Discover how to use and manage events with the jSuites JavaScript modal plugin to create responsive and interactive modals.
  - [Remote Content JavaScript Modal](https://jsuites.net/docs/modal/external-content): Learn how to easily create a dynamic JavaScript modal that loads content from an external source using `jSuites.modal`.
- [JavaScript Picker](https://jsuites.net/docs/picker): Access comprehensive documentation for the Javascript Picker Plugin, covering detailed implementation steps, usage examples, and configuration options tailored for developers.
- [JavaScript Five-Star Rating Plugin](https://jsuites.net/docs/rating): Embed a lightweight (1Kb) five-star rating system in your web apps with `jSuites.rating`, a versatile Vanilla JavaScript plugin that works as a standalone component and within web frameworks.
- [JavaScript Rich Forms](https://jsuites.net/docs/rich-form): A JavaScript plugin to enable developers to implement advanced form validations and track changes in HTML form elements.
- [JavaScript HTML Editor](https://jsuites.net/docs/javascript-html-editor): jSuites HTML editor is a JavaScript-based plugin offering an interface for web content editing. It includes various manipulation tools and filters, extensions, and a customizable toolbar for seamless integration into web applications and projects.
  - [JavaScript Editor Extensions](https://jsuites.net/docs/javascript-html-editor/extensions): This section brings more information about the HTML editor extensions and add-ons.
- [JavaScript Slider](https://jsuites.net/docs/image-slider): jSuites slider is a lightweight JavaScript image slider plugin that enhances web pages with dynamic photo galleries.
- [JavaScript Tags](https://jsuites.net/docs/javascript-tags): The jSuites.tags is an ultralight JavaScript web component and plugin designed to enable users to input and manage multiple tags within a text field. Ideal for keyword entry, tagging systems, and dynamic content categorization in web applications.
- [JavaScript Tabs](https://jsuites.net/docs/javascript-tabs): jSuites.tabs offers a responsive and versatile JavaScript solution for organizing web content into tabbed layouts, providing developers with extensive customization options and interactive features for enhanced user engagement.
- [JavaScript Toolbar](https://jsuites.net/docs/toolbar): The jSuites JavaScript Toolbar plugin facilitates the development of dynamic, customizable toolbars within web applications. Ideal for developers looking to enhance interface functionality, this plugin supports integration with third-party JavaScript components, offering a responsive and adaptable solution for diverse UI requirements.

## Additional components

- [JavaScript Cropper](https://jsuites.net/docs/image-cropper): The jSuites Image Cropper is a JavaScript plugin to create basic image editing functionalities in web applications. It provides features such as crop, brightness and contrast adjustment, rotation, and zoom, enabling direct, efficient and straightforward image manipulation.
  - [JavaScript Image Cropper: Brightness And Contrast](https://jsuites.net/docs/image-cropper/brightness-and-contrast-filters): Example on how to implement controls and how apply filters such as brightness and contrast programmatically.
  - [JavaScript Image Cropper: Rotate and Zoom](https://jsuites.net/docs/image-cropper/rotate-and-zoom): Example on how to programmatically rotate and zoom the image in the javascript cropper plugin.
- [JavaScript Organogram Plugin](https://jsuites.net/docs/organogram): This JavaScript Organogram Plugin lets developers quickly embed customizable, responsive organogram charts in web apps using structured JSON data.
- [JavaScript Player](https://jsuites.net/docs/player): Access comprehensive documentation for the Javascript Player Plugin, covering detailed implementation steps, usage examples, and configuration options tailored for developers.
- [JavaScript Activity Heatmap Plugin](https://jsuites.net/docs/heatmap): This plugin enables the creation of GitHub-style activity heatmaps using JavaScript, allowing for an intuitive representation of user activity data over time.
- [JavaScript Menu](https://jsuites.net/docs/menu): jSuites Menu is a lightweight JavaScript plugin for building responsive navigation menus with collapsible folders, automatic URL-based selection, and mobile-friendly slide-out sidebar functionality.

## Utilities

- [JavaScript Ajax Component](https://jsuites.net/docs/ajax): The JavaScript Ajax Component streamlines the management of Ajax requests. It facilitates the creation of request queues and the registration of events, optimizing the handling of asynchronous server communication in web applications.
- [JavaScript Basic Animations](https://jsuites.net/docs/animations): This section introduces a collection of basic JavaScript animations, including slide left, slide right, slide bottom, slide top, fade in, and fade out. These animations are part of the jSuites.animation library, designed to enrich user interfaces with smooth and visually appealing effects.
- [JavaScript Toast](https://jsuites.net/docs/javascript-toast): This section details a basic yet responsive JavaScript toast notification system. It is ideal for displaying quick, transient messages to users in a non-disruptive manner.
- [JavaScript Loading Spin](https://jsuites.net/docs/loading-spin): This section introduces a lightweight JavaScript loading spin web component, an essential tool for enhancing user experience during data loading or processing phases.
- [JavaScript Drag and Drop Plugin](https://jsuites.net/docs/drag-and-drop): This document introduces a JavaScript drag-and-drop plugin, a lightweight tool for creating sortable lists with interactive drag-and-drop functionality.

## Optional

Version 4 archive (previous major; prefer the pages above):

- [JavaScript Plugins & Web Components](https://jsuites.net/docs/v4): jSuites is a multipurpose responsive, cross-platform JavaScript plugin and web component. A collection of simple and lightweight JavaScript, fully responsive plugins.
- [Javascript Color Picker Plugin with Jsuites v4](https://jsuites.net/docs/v4/color-picker): Vanilla javascript color picker plugin.
- [Javascript color picker example](https://jsuites.net/docs/v4/color-picker/basic): Create a basic color picker using the javascript color picker plugin.
- [Javascript Color Picker: Custom Color Palettes](https://jsuites.net/docs/v4/color-picker/color-palettes): How to integrate custom palettes in your jSuites javascript color plugin.
- [Javascript color picker with custom colors](https://jsuites.net/docs/v4/color-picker/custom-colors): How to customize the colors on the jsuites javascript color plugin.
- [Javascript Color Picker | JSuites 4](https://jsuites.net/docs/v4/color-picker/events): Handling javascript events in your jSuites color picker plugin.
- [Angular color picker](https://jsuites.net/docs/v4/color-picker/javascript-color-picker-with-angular): How to create a color picker with Angular and jSuites
- [React color picker](https://jsuites.net/docs/v4/color-picker/javascript-color-picker-with-react): Create a color picker component with React and jSuites
- [VueJS color picker](https://jsuites.net/docs/v4/color-picker/javascript-color-picker-with-vue): Create a color picker component with VueJS and jSuites
- [Responsive JavaScript Color Picker with jSuites Version 4](https://jsuites.net/docs/v4/color-picker/mobile): jSuites color picker plugin is a responsive plugin that helps improve the user experience on web applications.
- [Javascript color picker quick reference](https://jsuites.net/docs/v4/color-picker/quick-reference): Learn how to use the jsuites color picker javascript plugin.
- [JavaScript Context Menu with Jsuites v4](https://jsuites.net/docs/v4/contextmenu): A simple javascript contextmenu that helps to provide a custom right click contextmenu over HTML elements in a web-based application.
- [A javascript contextmenu web component example](https://jsuites.net/docs/v4/contextmenu/basic): A basic example on how to use the jsuites contextmenu as a javascript web component.
- [Javascript contextmenu with Icons](https://jsuites.net/docs/v4/contextmenu/icons): How to include icons on the jsuites javascript contextmenu plugin.
- [Quick reference documentation for the jsuites javascript contextmenu](https://jsuites.net/docs/v4/contextmenu/quick-reference): The documentation reference to use the jsuites javascript contextmenu plugin.
- [Javascript contextmenu with submenus](https://jsuites.net/docs/v4/contextmenu/submenu): How to include submenus on the jsuites javascript contextmenu plugin.
- [A javascript contextmenu vanilla javascript example](https://jsuites.net/docs/v4/contextmenu/vanilla): A basic example on how to use the jsuites contextmenu as a javascript plugin.
- [JavaScript AJAX requests management abstraction layer](https://jsuites.net/docs/v4/core/ajax): JavaScript AJAX requests management plugin
- [JavaScript Animations Plugins](https://jsuites.net/docs/v4/core/animations): A collection of basic JavaScript animations, slide left, slide right, slide bottom, slide top, fade in, fade out
- [JavaScript Toast Notification](https://jsuites.net/docs/v4/core/javascript-toast): Basic responsive JavaScript toast notification
- [JS Drag and Drop with jSuites Version 4](https://jsuites.net/docs/v4/core/js-drag-and-drop): JavaScript drag and drop plugin.
- [JavaScript Loading Spin with Jsuites v4](https://jsuites.net/docs/v4/core/loading-spin): JavaScript loading spin web component.
- [JavaScript Dropdown and Autocomplete with Jsuites v4](https://jsuites.net/docs/v4/dropdown-and-autocomplete): Full examples on how to handle simple, advanced, autocomplete and conditional javascript dropdowns, select box, select.
- [JavaScript Dropdown for Large Datasets](https://jsuites.net/docs/v4/dropdown-and-autocomplete/autocomplete): Explore how to use the `jsuites.dropdown` with native lazy-loading and search functionality to handle large datasets efficiently. See an example of managing a dropdown with 20K options.
- [Javascript dropdown basics](https://jsuites.net/docs/v4/dropdown-and-autocomplete/basic): Basic example of jsuites javascript dropdown plugin. How to create a dropdown from a select HTML tag or programmatically via JavaScript.
- [Javascript dropdown with colors](https://jsuites.net/docs/v4/dropdown-and-autocomplete/colors): How to include colors on the javascript dropdown items.
- [Javascript Autocomplete With Country Flags](https://jsuites.net/docs/v4/dropdown-and-autocomplete/countries): How to include country flag images on your jSuites dropdowns.
- [Javascript Dropdown: Javascript Events](https://jsuites.net/docs/v4/dropdown-and-autocomplete/events): Understanding Events on the jSuites javascript dropdown plugin.
- [Javascript dropdown with categories and group of items](https://jsuites.net/docs/v4/dropdown-and-autocomplete/grouping-elements): How to group the items from a dropdown in categories.
- [Javascript dropdown with icons](https://jsuites.net/docs/v4/dropdown-and-autocomplete/images): How to include icons on the javascript dropdown items.
- [Angular dropdown](https://jsuites.net/docs/v4/dropdown-and-autocomplete/javascript-dropdown-with-angular): Create a dropdown component with Angular and jSuites
- [React dropdown](https://jsuites.net/docs/v4/dropdown-and-autocomplete/javascript-dropdown-with-react): Create a dropdown component with React and jSuites
- [Vuejs dropdown](https://jsuites.net/docs/v4/dropdown-and-autocomplete/javascript-dropdown-with-vue): Create a dropdown component with Vuejs and jSuites
- [Javascript dropdown with lazy loading](https://jsuites.net/docs/v4/dropdown-and-autocomplete/large-sample): Large sample on a jsuites javascript dropdown plugin example
- [Javascript dropdown programmatically interactions.](https://jsuites.net/docs/v4/dropdown-and-autocomplete/methods): Javascript dropdown programmatically changes and updates.
- [Responsive Javascript Dropdown | Jsuites v4](https://jsuites.net/docs/v4/dropdown-and-autocomplete/mobile): Create a fully responsive javascript dropdown using jSuites Version 4.
- [Multiple option javascript dropdown](https://jsuites.net/docs/v4/dropdown-and-autocomplete/multiple): How to create a multiple option jsuites javascript dropdown.
- [JavaScript autocomplete new options](https://jsuites.net/docs/v4/dropdown-and-autocomplete/new-options): How to enable the new option controls on your javascript autocomplete
- [Javascript dropdown quick reference](https://jsuites.net/docs/v4/dropdown-and-autocomplete/quick-reference): Javascript dropdown plugin quick reference documentation
- [Javascript autocomplete remote search](https://jsuites.net/docs/v4/dropdown-and-autocomplete/remote-search): Create a new HTML dropdown with autocomplete from a remote source.
- [Getting Started with Jsuites v4](https://jsuites.net/docs/v4/getting-started): jSuites is a comprehensive and free collection of lightweight JavaScript plugins, providing versatile features like spreadsheets, dropdowns, and color pickers. Designed to enhance web applications effortlessly, it empowers developers with a user-friendly, cross-platform approach, streamlining the development process and serving as an invaluable tool for modern web development.
- [Javascript Heatmap Plugin with Jsuites v4](https://jsuites.net/docs/v4/heatmap): A lightweight javascript activity github-like heatmap plugin.
- [Jaascript heatmap basic example](https://jsuites.net/docs/v4/heatmap/basic): Basic github-like activity heatmap plugin.
- [Javascript heatmap colors](https://jsuites.net/docs/v4/heatmap/colors): How to set the colors of your heat map.
- [Javascript heatmap quick reference](https://jsuites.net/docs/v4/heatmap/quick-reference): jSuites heatmap plugin quick reference documentation.
- [Javascript heat map title and tooltip](https://jsuites.net/docs/v4/heatmap/title-and-tooltip): How define a title and show the tooltip.
- [JavaScript Image Cropper with Jsuites v4](https://jsuites.net/docs/v4/image-cropper): Quick basic image edition via JavaScript with the jSuites javascript cropper plugin. Useful features such crop, brightness, contrast, rotate and zoom are available.
- [JavaScript image cropper filters](https://jsuites.net/docs/v4/image-cropper/brightness-and-contrast-filters): Example on how to implement controls and how apply filters such as brightness and contrast programatically.
- [Angular image cropper](https://jsuites.net/docs/v4/image-cropper/image-cropper-angular-example): How to integrate the image cropper into an Angular project.
- [VueJS image cropper](https://jsuites.net/docs/v4/image-cropper/image-cropper-vue-example): How to integrate the image cropper into a vue project.
- [JavaScript image cropper quick reference](https://jsuites.net/docs/v4/image-cropper/quick-reference): The quick reference on How to implement a JavaScript online image copper.
- [React image cropper](https://jsuites.net/docs/v4/image-cropper/react-component): React image cropper and online image editor.
- [JavaScript image cropper controls](https://jsuites.net/docs/v4/image-cropper/rotate-and-zoom): How to programmatically rotate and zoom the image in the javascript cropper plugin with jSuites Version 4.
- [Javascript Image Slider with Jsuites v4](https://jsuites.net/docs/v4/image-slider): A simple and lightweight javascript image slider plugin.
- [Javascript image slider basic example](https://jsuites.net/docs/v4/image-slider/basic): How to use the jSuites image slider plugin.
- [Javascript image slider quick reference](https://jsuites.net/docs/v4/image-slider/quick-reference): jSuites image slider plugin quick reference documentation.
- [Javascript Calendar | Jsuites v4](https://jsuites.net/docs/v4/javascript-calendar): The jsuites calendar is a lightweight, full responsive javascript calendar date and datetime picker with easy integration.
- [Javascript calendar basic example](https://jsuites.net/docs/v4/javascript-calendar/basic): How to render a javascript calendar as a plugin or a javascript web component.
- [Javascript Calendar and Timepicker Events](https://jsuites.net/docs/v4/javascript-calendar/events): How to handle the jSuites calendar picker native events.
- [Inline JavaScript Calendar](https://jsuites.net/docs/v4/javascript-calendar/inline): Create nice applications with the jSuites inline javascript calendar picker.
- [Javascript calendar international options](https://jsuites.net/docs/v4/javascript-calendar/international): Customize the javascript calendar texts and international options.
- [Angular Calendar](https://jsuites.net/docs/v4/javascript-calendar/javascript-calendar-with-angular): Create a calendar picker component with Angular and jSuites
- [React Calendar](https://jsuites.net/docs/v4/javascript-calendar/javascript-calendar-with-react): Create a calendar picker component with React and jSuites
- [VueJS Calendar](https://jsuites.net/docs/v4/javascript-calendar/javascript-calendar-with-vue): Create a calendar picker component with Vuejs and jSuites
- [Javascript calendar programmatically changes](https://jsuites.net/docs/v4/javascript-calendar/methods): How to interact with the calendar and time picker via javascript.
- [Javascript Calendar: Responsive Rendering](https://jsuites.net/docs/v4/javascript-calendar/mobile): Responsive javascript calendar. How to load on the calendar on mobile or small screens.
- [Javascript calendar plugin quick reference](https://jsuites.net/docs/v4/javascript-calendar/quick-reference): Learn how to use the javascript calendar plugin. Configurations rules, methods, initialization properties, and much more.
- [Javascript calendar with time picker](https://jsuites.net/docs/v4/javascript-calendar/time-picker): How to render a javascript calendar with a time picker.
- [Javascript Calendar: Valid Ranges](https://jsuites.net/docs/v4/javascript-calendar/valid-range): Learn how to create a valid selectable range of dates in the javascript calendar. Any date out of the range would be gray out.
- [JavaScript Year and Month Picker](https://jsuites.net/docs/v4/javascript-calendar/year-month): How to generate a JavaScript year month picker using jSuites Version 4.
- [JavaScript HTML Editor and Wysiwyg Plugin with Jsuites v4](https://jsuites.net/docs/v4/javascript-html-editor): A simple HTML editor with several interactive features and easy integration.
- [HTML editor basic example](https://jsuites.net/docs/v4/javascript-html-editor/basic): Basic example of the jsuites HTML editor.
- [Customize the toolbar on the jsuites HTML editor](https://jsuites.net/docs/v4/javascript-html-editor/custom-toolbar): How to customize the toolbar in the jsuites HTML editor.
- [HTML editor image dropping zone.](https://jsuites.net/docs/v4/javascript-html-editor/dropping-zone): Using the HTML editor dropping zone to help upload images or files.
- [HTML editor quick reference](https://jsuites.net/docs/v4/javascript-html-editor/quick-reference): Create a simple HTML editor with several interactive features using jSuites Rich Text plugin.
- [JavaScript Rich Text Editor](https://jsuites.net/docs/v4/javascript-html-editor/text-editor): jSuites HTML editor is a JavaScript-based plugin offering an interface for HTML editing. It includes image dropzone, youtube snippets, tag users and other extensions.
- [Tracking changes in elements from a form](https://jsuites.net/docs/v4/javascript-html-editor/tracking-for-form-changes): This feature of the rich form plugin alerts the user when leaving a page without saving any changes in a HTML form
- [HTML editor snippet](https://jsuites.net/docs/v4/javascript-html-editor/website-snippet): Learn how to retrieve remote information from website, videos, etc.
- [Javascript string and number mask with Jsuites v4](https://jsuites.net/docs/v4/javascript-mask): A simple javascript mask plugin
- [Javascript mask basic examples](https://jsuites.net/docs/v4/javascript-mask/basic): A few examples of basic usage of the javascript mask plugin.
- [Javascript mask plugin events](https://jsuites.net/docs/v4/javascript-mask/events): How to check the status of a input mask. A property is added to the element to tell the system, the entry has been entered in full.
- [Getting started with the jSuites Javascript string and number mask](https://jsuites.net/docs/v4/javascript-mask/getting-started): How to create input mask properties on HTML elements using the jSuites javascript mask plugin
- [Programmatically updates](https://jsuites.net/docs/v4/javascript-mask/programmatically-updates): Programmatically applying a mask to a string or a number using the jSuites mask plugin.
- [Javascript mask quick reference](https://jsuites.net/docs/v4/javascript-mask/quick-reference): A quick reference on how to use the javascript mask plugin.
- [JavaScript tabs plugin with Jsuites v4](https://jsuites.net/docs/v4/javascript-tabs): Group your content on tabs with jsuites javascript tabs plugin
- [Basic JavaScript tabs example](https://jsuites.net/docs/v4/javascript-tabs/basic): Create tabs content from a javascript array of objects.
- [JavaScript tabs events](https://jsuites.net/docs/v4/javascript-tabs/events): Dealing with events from the jsuites tabs javascript plugin.
- [JavaScript Tabs Plugins With Icons](https://jsuites.net/docs/v4/javascript-tabs/icons): How to add icons to the jSuites JavaScript tabs plugins.
- [JavaScript tabs methods](https://jsuites.net/docs/v4/javascript-tabs/methods): programmatically updates on the javascript tabs plugin.
- [JavaScript tabs plugin quick reference](https://jsuites.net/docs/v4/javascript-tabs/quick-reference): JavaScript tabs plugin quick reference.
- [JavaScript tabs with remote content](https://jsuites.net/docs/v4/javascript-tabs/remote): Create a tabs content from a remote source using javascript.
- [Custom JavaScript tabs style](https://jsuites.net/docs/v4/javascript-tabs/style): How to change the tabs style to a more modern style.
- [Javascript Tags and JavaScript Keywords Plugins with Jsuites v4](https://jsuites.net/docs/v4/javascript-tags): The jSuites.tags is very light javascript web component and plugin to allow users to insert and manage multiple entries as tags into a text input
- [Javascript tags basic example](https://jsuites.net/docs/v4/javascript-tags/basic): A javascript tags plugin basic example.
- [Javascript tags events](https://jsuites.net/docs/v4/javascript-tags/events): Learn how to use events on the javascript tags plugin.
- [Angular tags](https://jsuites.net/docs/v4/javascript-tags/javascript-tags-with-angular): Create a tags javascript component with Angular and jSuites
- [React Tags & Keywords Plugin](https://jsuites.net/docs/v4/javascript-tags/javascript-tags-with-react): Create a tags component with React and jSuites
- [VueJS Keywords and Tags Component](https://jsuites.net/docs/v4/javascript-tags/javascript-tags-with-vue): Create a tags javascript component with VueJS and jSuites
- [A quick reference to the javascript tags plugin](https://jsuites.net/docs/v4/javascript-tags/quick-reference): A quick reference for using the javascript tags plugin.
- [Javascript tags remote searching](https://jsuites.net/docs/v4/javascript-tags/remote-search): Enable the autocomplete suggestions in your javascript tags plugin.
- [Javascript tags validations](https://jsuites.net/docs/v4/javascript-tags/validations): Include a validation for the tags in the javascript tags plugin.
- [Javascript Template with Jsuites v4](https://jsuites.net/docs/v4/javascript-template): The jSuites.template is very light javascript plugin which allows users to upload data remotely or locally to a template, search and page automatically, you should only be concerned with creating the template.
- [Javascript template data loading](https://jsuites.net/docs/v4/javascript-template/basic): Example on how to programmatically load data remotely or locally into a template.
- [Javascript template events](https://jsuites.net/docs/v4/javascript-template/event-handling): Example on how to programmatically add events to the template.
- [Javascript template main functionalities](https://jsuites.net/docs/v4/javascript-template/methods): Example on how to programmatically add and remove elements from the template.
- [Javascript template pagination and searching](https://jsuites.net/docs/v4/javascript-template/pagination-and-searching): Example on how to programmatically add pagination and search in the template.
- [jSuites template quick reference](https://jsuites.net/docs/v4/javascript-template/quick-reference): The quick reference on how to use jsuites template to easily render templates with remote or local data.
- [jSuites CSS Helpers](https://jsuites.net/docs/v4/layout/buttons): General CSS boostrap classes for buttons
- [Javascript Modal with Jsuites v4](https://jsuites.net/docs/v4/modal): Vanilla javascript modal plugin and modal javascript web component
- [Javascript modal plugin basic example](https://jsuites.net/docs/v4/modal/basic): A basic example on how to use the javascript modal as a web component or a javascript plugin.
- [Javascript Modal Events with Jsuites 4](https://jsuites.net/docs/v4/modal/events): Learn how to use the events available on the jsuites javascript modal plugin.
- [Remote Content JavaScript Modal](https://jsuites.net/docs/v4/modal/external-content): How to create a quick JavaScript modal using a remote content.
- [React modal](https://jsuites.net/docs/v4/modal/javascript-modal-with-react): Create a modal component with react and jSuites
- [Javascript modal quick reference](https://jsuites.net/docs/v4/modal/quick-reference): How to use the jsuites modal as a javascript plugin or web component.
- [JavaScript Organogram with Jsuites v4](https://jsuites.net/docs/v4/organogram): Create amazing interactive web-based JavaScript organogram
- [JavaScript organogram - Basic example](https://jsuites.net/docs/v4/organogram/basic): How to create a basic instance of the javascript organogram.
- [JavaScript organogram Methods](https://jsuites.net/docs/v4/organogram/methods): Interact with the JavaScript organogram plugin.
- [Angular organogram](https://jsuites.net/docs/v4/organogram/organogram-with-angular): How to create a javascript organogram using Angular.
- [React organogram](https://jsuites.net/docs/v4/organogram/organogram-with-react): Integrate organogram plugin with react
- [Vue organogram](https://jsuites.net/docs/v4/organogram/organogram-with-vue): How to create a javascript organogram using Vuejs.
- [JavaScript organogram - Quick reference](https://jsuites.net/docs/v4/organogram/quick-reference): Learn how to customize the JavaScript interactive web-based organogram plugin.
- [Javascript Picker with Jsuites v4](https://jsuites.net/docs/v4/picker): A lightweight and fast javascript picker plugin
- [Javascript picker basic example](https://jsuites.net/docs/v4/picker/basic): How to use the jSuites picker plugin.
- [Javascript picker handle changes](https://jsuites.net/docs/v4/picker/handle-changes): How to trigger a function when changing the picker option.
- [Angular picker](https://jsuites.net/docs/v4/picker/picker-with-angular): How to integrate the jsuites picker with Angular.
- [React picker](https://jsuites.net/docs/v4/picker/picker-with-react): How to integrate the jsuites picker with React.
- [Vue General Element Picker Component](https://jsuites.net/docs/v4/picker/picker-with-vue): How to integrate the jsuites picker with Vuejs.
- [Javascript picker quick reference](https://jsuites.net/docs/v4/picker/quick-reference): jSuites picker plugin quick reference documentation.
- [Javascript picker static front](https://jsuites.net/docs/v4/picker/static-front): How to use a front that is not changed when changing the option.
- [Javascript picker stylize options](https://jsuites.net/docs/v4/picker/stylize-options): How to style the picker options.
- [JavaScript Rating with Jsuites v4](https://jsuites.net/docs/v4/rating): Vanilla JavaScript star rating plugin
- [Javascript events](https://jsuites.net/docs/v4/rating/events): Dealing with the javascript rating plugin events.
- [Angular rating](https://jsuites.net/docs/v4/rating/javascript-rating-with-angular): Create a javascript rating component with Angular and jSuites
- [React Rating](https://jsuites.net/docs/v4/rating/javascript-rating-with-react): Create a javascript rating component with React and jSuites
- [VueJS Five-Star Rating Component](https://jsuites.net/docs/v4/rating/javascript-rating-with-vue): Create a javascript rating component with Vuejs and jSuites
- [Javascript rating plugin quick reference](https://jsuites.net/docs/v4/rating/quick-reference): Learn how to use this simple rating plugin.
- [Javascript Rich Form Plugin with Jsuites v4](https://jsuites.net/docs/v4/rich-form): The jsuites rich form plugin allow developers to create smart form validations, tracking changes on the form elements and simplify the data persistance to a remote server
- [JavaScript Rich HTML Forms](https://jsuites.net/docs/v4/rich-form/basic): The jSuites rich form plugins allow developers to create quick input validations, tracking changes and other features when dealing with HTML forms.
- [Getting Started with jSuites JavaScript Rich Forms](https://jsuites.net/docs/v4/rich-form/getting-started): This sections brings more information about the jSuites rich form plugin, including events, methods and other configurations.
- [Data management options](https://jsuites.net/docs/v4/rich-form/methods): How to use the data management options of the jsuites rich form plugin.
- [Javascript rich form quick reference](https://jsuites.net/docs/v4/rich-form/quick-reference): Explorer the jsuites rich form plugin and its useful implementations, validation, tracking changes (Are you sure?) and data managament.
- [Tracking changes in elements from a form](https://jsuites.net/docs/v4/rich-form/tracking-for-form-changes): This feature of the rich form plugin alerts the user when leaving a page without saving any changes in a HTML form.
- [HTML form validations](https://jsuites.net/docs/v4/rich-form/validations): How to implement HTML form validations using the rich form plugin.
- [JavaScript Toolbar Plugin with Jsuites v4](https://jsuites.net/docs/v4/toolbar): Integrate a toolbar to third part javascript component
- [JavaScript toolbar Custom Icons](https://jsuites.net/docs/v4/toolbar/custom-icons): How to integrate custom icon images to the javascript toolbar.
- [JavaScript toolbar: Font Awesome Integration](https://jsuites.net/docs/v4/toolbar/fontawsome): How to integrate font awesome to the javascript toolbar.
- [JavaScript Toolbar Documentation: Settings, Methods, and Events](https://jsuites.net/docs/v4/toolbar/quick-reference): Basic methods and properties in the javascript toolbar component.
- [JavaScript Element Validations with Jsuites v4](https://jsuites.net/docs/v4/validations): This plugin brings several pre-coded validations that can be re-used across different applications.