PHPackages ange007/jquery-formstyler-modern - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [File & Storage](/categories/file-storage) 4. / 5. ange007/jquery-formstyler-modern ActiveLibrary[File & Storage](/categories/file-storage) ange007/jquery-formstyler-modern ================================ JQuery HTML form styling plugin 2.1.6(7y ago)19234[6 issues](https://github.com/ange007/JQueryFormStyler-Modern/issues)MITCSSCI failing Since Jan 8Pushed 7y ago4 watchersCompare [ Source](https://github.com/ange007/JQueryFormStyler-Modern)[ Packagist](https://packagist.org/packages/ange007/jquery-formstyler-modern)[ Docs](https://github.com/ange007/JQueryFormStyler-Modern)[ RSS](/packages/ange007-jquery-formstyler-modern/feed)WikiDiscussions release Synced 1mo ago READMEChangelog (10)Dependencies (1)Versions (23)Used By (0) jQuery FormStyler Modern [2.x](CHANGELOG.md) ============================================ [](#jquery-formstyler-modern-2x) [![Latest Stable Version](https://camo.githubusercontent.com/653300422d2a2557f2eab92582ec461fd56f7087d2a54dbe4b713aaea4423af6/68747470733a2f2f706f7365722e707567782e6f72672f616e67653030372f6a71756572792d666f726d7374796c65722d6d6f6465726e2f762f737461626c65)](https://packagist.org/packages/ange007/jquery-formstyler-modern)[![Total Downloads](https://camo.githubusercontent.com/b5bd3293c1c44a0d216476ed90ce52ab34fd0c5a78bcc51a0f857662e82ae677/68747470733a2f2f706f7365722e707567782e6f72672f616e67653030372f6a71756572792d666f726d7374796c65722d6d6f6465726e2f646f776e6c6f616473)](https://packagist.org/packages/ange007/jquery-formstyler-modern)[![License](https://camo.githubusercontent.com/9efa18525bc1d43c75f0d555b358d18cc1805a904ff8934cec3d4e021893d633/68747470733a2f2f706f7365722e707567782e6f72672f616e67653030372f6a71756572792d666f726d7374796c65722d6d6f6465726e2f6c6963656e7365)](https://packagist.org/packages/ange007/jquery-formstyler-modern)[![Build Status](https://camo.githubusercontent.com/5bc5e790f737678b82f02c05f371a1e0ba2bf1ff5de0d072686016a340bd2cfe/68747470733a2f2f7472617669732d63692e6f72672f616e67653030372f4a5175657279466f726d5374796c65722d4d6f6465726e2e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/ange007/JQueryFormStyler-Modern) > Самостоятельное ответвление от плагина **[jQueryFormStyler](https://github.com/Dimox/jQueryFormStyler)** [![jQuery FormStyler Modern](https://github.com/ange007/JQueryFormStyler-Modern/raw/master/screenshot.png)](https://github.com/ange007/JQueryFormStyler-Modern/blob/master/screenshot.png) - [Demo](http://ange007.github.io/JQueryFormStyler-Modern/) - [Changelog](CHANGELOG.md) - [Contributing](CONTRIBUTING.md) - [Download](https://github.com/ange007/JQueryFormStyler-Modern/releases) Info ---- [](#info) JQuery HTML form styling and modernization plugin: - `` - `` - `` - `` - `` *(styling and show/hide password button)* - `` *(styling and function for search on server by AJAX requests)* - ``, ``, `` and other *(styling only with CSS)* Attention! ---------- [](#attention) Settings from plugin vesion **2.x** - differ from version **1.x**. > Структура настроек плагина версии **2.x** - отличаются от настроек [оригинального](https://github.com/Dimox/jQueryFormStyler) и версии [1.x](https://github.com/ange007/JQueryFormStyler-Modern/tree/1.x---release) данного плагина. Install ------- [](#install) Composer: ``` $ php composer.phar require "ange007/jquery-formstyler-modern" ``` NPM: ``` $ npm i jquery.formstyler-modern ``` Getting Started --------------- [](#getting-started) Main plugin file - `jquery.formStylerModern.js`. Connection of styles is possible in two ways: - `jquery.formStylerModern.css` *(frame and default style)* - Frame file - `/style/jquery.formStylerModern.frame.css` and style file - `/style/jquery.formStylerModern.(default|bootstrap|etc).css` Works ----- [](#works) Stylish elements. ``` $( 'input, select, button' ).styler( { locale: 'ru', select: { search: { limit: 10 } }, onFormStyled: function( ) { ... } } ); ``` Reload plugin with certain settings. ``` $( '#checkbox-indeterminate-change' ).styler( 'reinitialize', { checkbox: { indeterminate: true } } ); ``` Clean style. ``` $( 'input, select, button' ).styler( 'destroy' ); ``` Repaint after "manual" change. ``` $( this ).prop( 'disabled', true ) .trigger( 'repaint' ); ``` Search from server. ``` $( '#search' ).styler( 'reinitialize', { select: { search: { ajax: { delay: 250, cache: true, url: 'https://api.github.com/search/repositories', data: function( params ) { return { q: params.term, page: params.page }; }, processResults: function( data, params ) { var items = [ ]; $( data.items ).each( function( index, value ) { items.push( { 'value': value.html_url, 'caption': value.owner.login + '/' + value.name } ); } ); return { items: items }; } } } } } ); ``` ### Health Score 32 — LowBetter than 72% of packages Maintenance14 Infrequent updates — may be unmaintained Popularity17 Limited adoption so far Community13 Small or concentrated contributor base Maturity73 Established project with proven stability Bus Factor1 Top contributor holds 98.6% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~66 days Recently: every ~161 days Total 19 Last Release 2585d ago Major Versions 1.5.3 → 2.0.02017-06-07 ### Community Maintainers ![](https://www.gravatar.com/avatar/62acb1df76faba2aec835f36928ba4c3b12142bbfa529f2be489f2bd393bfbff?d=identicon)[ange007](/maintainers/ange007) --- Top Contributors [![ange007](https://avatars.githubusercontent.com/u/2736539?v=4)](https://github.com/ange007 "ange007 (70 commits)")[![osben](https://avatars.githubusercontent.com/u/2747021?v=4)](https://github.com/osben "osben (1 commits)") --- Tags buttonscssform-styleform-stylerformstylerinputjqueryjquery-htmljquery-pluginjspasswordpluginrangerange-sliderselectselectboxstylestylesheetuiui-componentsjavascriptstylepasswordfilejqueryforminputselectrangecheckboxjquery-pluginradiostylerformstyler ### Embed Badge ![Health badge](/badges/ange007-jquery-formstyler-modern/health.svg) ``` [![Health](https://phpackages.com/badges/ange007-jquery-formstyler-modern/health.svg)](https://phpackages.com/packages/ange007-jquery-formstyler-modern) ``` ### Alternatives [kartik-v/bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with features for file preview for many file types, multiple selection, ajax uploads, and more. 5.4k7.9M13](/packages/kartik-v-bootstrap-fileinput)[kartik-v/yii2-widget-fileinput An enhanced FileInput widget for Bootstrap 3.x, 4.x & 5.x with file preview, multiple selection, and more features (sub repo split from yii2-widgets) 2286.8M95](/packages/kartik-v-yii2-widget-fileinput)[snapappointments/bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. 9.8k480.4k3](/packages/snapappointments-bootstrap-select)[kartik-v/yii2-password Useful password strength validation utilities for Yii Framework 2.0 791.2M17](/packages/kartik-v-yii2-password)[phery/phery XAJAX alternative, phery.js is a library in PHP that maps to all jQuery functions, DOM manipulation, meta arguments and serialization, seamless ajax integration, RESTful emulation, form submission and partial rendering views, plus its PSR-0 compatible 13813.1k2](/packages/phery-phery)[kartik-v/yii2-widget-rangeinput An enhanced Yii 2 widget encapsulating the HTML 5 range input (sub repo split from yii2-widgets) 193.9M3](/packages/kartik-v-yii2-widget-rangeinput) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)