PHPackages                             tenside/ui - 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 &amp; Helpers](/categories/utility)
4. /
5. tenside/ui

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

tenside/ui
==========

Tenside ui is the base UI component of tenside/core.

121[1 issues](https://github.com/tenside/ui/issues)JavaScript

Since May 14Pushed 10y ago2 watchersCompare

[ Source](https://github.com/tenside/ui)[ Packagist](https://packagist.org/packages/tenside/ui)[ RSS](/packages/tenside-ui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (2)Used By (0)

tenside/ui
==========

[](#tensideui)

Setup guide
-----------

[](#setup-guide)

The tenside UI depend on some third-party assets, precompilers, and so on. All dependencies are installed locally, expect the node package manager `npm` which must be installed on your system.

**Hint** Many distributions come with very old node/npm packages, we recommend to use the NodeSource binary distributions (formerly Chris Lea's Launchpad PPA). Support for this repository, along with its scripts, can be found on GitHub at [nodesource/distributions](https://github.com/nodesource/distributions).

We have bundled the [doc/node\_setup\_dev](doc/node_setup_dev) shell script which will setup the repository on Debian/Ubuntu for you.

When npm is ready, you can install the needed packages.

```
# first install all node packages
npm install --save-dev

# now install third-party assets
./node_modules/.bin/gulp install
```

**Hint** If you have installed gulp globally, you can simply run `gulp install`.

Build production ready distribution
-----------------------------------

[](#build-production-ready-distribution)

To build the production ready distribution, run `./node_modules/.bin/gulp build`.

Development
-----------

[](#development)

For development you may simply run `./node_modules/.bin/gulp`, which will watch on all assets and live rebuild them on change. The gulpfile comes with a [livereload](https://github.com/vohof/gulp-livereload) configuration, we recommend to install the [chrome live reload](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei/related)add-on for the live reload capability.

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity43

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 74.5% 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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/44649522?v=4)[xtra](/maintainers/xtra)[@xtra](https://github.com/xtra)

---

Top Contributors

[![discordier](https://avatars.githubusercontent.com/u/940331?v=4)](https://github.com/discordier "discordier (73 commits)")[![tristanlins](https://avatars.githubusercontent.com/u/343404?v=4)](https://github.com/tristanlins "tristanlins (22 commits)")[![madbonkey](https://avatars.githubusercontent.com/u/871789?v=4)](https://github.com/madbonkey "madbonkey (3 commits)")

### Embed Badge

![Health badge](/badges/tenside-ui/health.svg)

```
[![Health](https://phpackages.com/badges/tenside-ui/health.svg)](https://phpackages.com/packages/tenside-ui)
```

###  Alternatives

[lara-zeus/bolt

Zeus Bolt is form builder for your users, with so many use cases

23640.2k2](/packages/lara-zeus-bolt)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
