PHPackages lightvision/w2ui - 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. [Utility & Helpers](/categories/utility) 4. / 5. lightvision/w2ui ActiveLibrary[Utility & Helpers](/categories/utility) lightvision/w2ui ================ JavaScript UI library for data-driven web applications 1.3.0.x-dev(12y ago)028MITJavaScript Since Nov 4Pushed 12y ago1 watchersCompare [ Source](https://github.com/lightvision/w2ui)[ Packagist](https://packagist.org/packages/lightvision/w2ui)[ Docs](https://github.com/lightvision/w2ui/wiki)[ RSS](/packages/lightvision-w2ui/feed)WikiDiscussions master Synced 2w ago READMEChangelogDependencies (2)Versions (2)Used By (0) W2UI 1.3 - MIT License ---------------------- [](#w2ui-13---mit-license) W2UI is modern, intuitive JavaScript UI library for buidling rich data-driven web application. The library has a small footprint and no dependencies except jQuery. The library has the following widgets: - w2layout - w2grid - w2toolbar - w2sidebar - w2tabs - w2form - w2popup - w2utils The complete library is only **56Kb** (minified & gzipped) Quick Start ----------- [](#quick-start) Current stable version is 1.3. You can download it from here: . To start using the library you need to include into your page: - w2ui-1.3.js (or w2ui-1.3.min.js) - w2ui-1.3.css (or w2ui-1.3.min.css) All the widgets and their css classes are defined inside of these two files. There is no image dependencies, some images are embedded into CSS file. There is no requirement for a server side language. Node, Java, PHP, ASP, Perl or .NET all will work, as long as you can return JSON format from the server (or write a converter into JSON format on the client). [Getting Started Guide](http://w2ui.com/web/get-started) Documentation & Demos ------------------------- [](#documentation--demos) You can find documentation and demos here: - - documentation - - demos Bug Tracking ------------ [](#bug-tracking) Have a bug or a feature request? Please open an issue here . Please make sure that the same issue was not previously submitted by someone else. Building -------- [](#building) I use ANT to build the project. It does the folloing - Compiles LESS files - Concatenates and minifies CSS files - Concatenates and minifies JS files In order to be able to use ANT, you will need to install Node.JS and NMP on your machine, then run the following commands to install dependencies ``` sudo npm install less -g sudo npm install clean-css -g sudo npm install uglify-js@1 -g ``` Other Build Tools ----------------- [](#other-build-tools) You can use other toold to build. Grunt seems to be promissing, and will do everything you need. You still need to install same dependencies if you want to use grunt. Contributing ------------ [](#contributing) Your contributions are welcome. However, few things you need to know before contribution: 1. Please check out latest code before changing anything. It is harder to merge if your changes will not merge clean. 2. If you are changing JS files - do all changes in /src folder 3. If you are changing CSS files - do all changes in LESS in /src/less/src 4. If you want to help with unit test - do all changes in /test/qunit 5. If you want to change documenation - do all chnages in /docs 6. If you want to add demos - do all changes in /demos ### Health Score 25 — LowBetter than 35% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity7 Limited adoption so far Community18 Small or concentrated contributor base Maturity49 Maturing project, gaining track record Bus Factor1 Top contributor holds 89.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 Unknown Total 1 Last Release 4621d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/403264?v=4)[Marius Ionel](/maintainers/lightvision)[@lightvision](https://github.com/lightvision) --- Top Contributors [![vitmalina](https://avatars.githubusercontent.com/u/561995?v=4)](https://github.com/vitmalina "vitmalina (519 commits)")[![easylogic](https://avatars.githubusercontent.com/u/591983?v=4)](https://github.com/easylogic "easylogic (11 commits)")[![blr21560](https://avatars.githubusercontent.com/u/201661?v=4)](https://github.com/blr21560 "blr21560 (8 commits)")[![fungms](https://avatars.githubusercontent.com/u/3932250?v=4)](https://github.com/fungms "fungms (7 commits)")[![newmewo](https://avatars.githubusercontent.com/u/4346495?v=4)](https://github.com/newmewo "newmewo (5 commits)")[![catodique](https://avatars.githubusercontent.com/u/4846844?v=4)](https://github.com/catodique "catodique (4 commits)")[![jmatthiesen81](https://avatars.githubusercontent.com/u/2543871?v=4)](https://github.com/jmatthiesen81 "jmatthiesen81 (4 commits)")[![kktos](https://avatars.githubusercontent.com/u/1190639?v=4)](https://github.com/kktos "kktos (4 commits)")[![flesser](https://avatars.githubusercontent.com/u/510681?v=4)](https://github.com/flesser "flesser (3 commits)")[![henriquemeira](https://avatars.githubusercontent.com/u/207619?v=4)](https://github.com/henriquemeira "henriquemeira (3 commits)")[![drewda](https://avatars.githubusercontent.com/u/212369?v=4)](https://github.com/drewda "drewda (2 commits)")[![lightvision](https://avatars.githubusercontent.com/u/403264?v=4)](https://github.com/lightvision "lightvision (2 commits)")[![wandersonwhcr](https://avatars.githubusercontent.com/u/5286703?v=4)](https://github.com/wandersonwhcr "wandersonwhcr (2 commits)")[![wberndt](https://avatars.githubusercontent.com/u/5188256?v=4)](https://github.com/wberndt "wberndt (1 commits)")[![ivanistheone](https://avatars.githubusercontent.com/u/163966?v=4)](https://github.com/ivanistheone "ivanistheone (1 commits)")[![raisch](https://avatars.githubusercontent.com/u/842187?v=4)](https://github.com/raisch "raisch (1 commits)")[![stedofan](https://avatars.githubusercontent.com/u/5803425?v=4)](https://github.com/stedofan "stedofan (1 commits)")[![akka81](https://avatars.githubusercontent.com/u/1089959?v=4)](https://github.com/akka81 "akka81 (1 commits)") --- Tags javascriptjqueryw2ui ### Embed Badge ![Health badge](/badges/lightvision-w2ui/health.svg) ``` [![Health](https://phpackages.com/badges/lightvision-w2ui/health.svg)](https://phpackages.com/packages/lightvision-w2ui) ``` ### Alternatives [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.8k494.8k3](/packages/snapappointments-bootstrap-select)[datatables.net/datatables.net DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. This is jQuery DataTables 58165.3k33](/packages/datatablesnet-datatablesnet)[fedemotta/yii2-widget-datatables DataTables widget for Yii2 34182.9k1](/packages/fedemotta-yii2-widget-datatables) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)