PHPackages                             netgen/content-browser-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. netgen/content-browser-ui

ActiveSymfony-bundle

netgen/content-browser-ui
=========================

Netgen Content Browser user interface

2.0.0(3mo ago)14116.4k↓23.7%12MITJavaScriptPHP ^8.4CI passing

Since Oct 4Pushed 2mo ago3 watchersCompare

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

READMEChangelogDependencies (2)Versions (18)Used By (2)

Netgen Content Browser user interface
=====================================

[](#netgen-content-browser-user-interface)

This repository contains the user interface for Netgen Content Browser.

Requirements
------------

[](#requirements)

- [Node.js](https://nodejs.org)
- [Yarn](https://yarnpkg.com)

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

[](#development)

After cloning the repository, install the dependencies with:

```
$ yarn install
```

First time build configuration
------------------------------

[](#first-time-build-configuration)

Before building the project for the first time, you need to copy `.env.dist` file to `.env`. This file specifies basic configuration for development and running the tests.

Starting the development server
-------------------------------

[](#starting-the-development-server)

The app uses a mock API by default, provided by the included Express server, which you need to start before starting the Webpack development server:

```
# Starts the Express server
$ yarn express

# Starts the Webpack development server
$ yarn start
```

You can now access the app at `http://localhost:8181`. Webpack watches for changes in files and automatically refreshes the app.

If you want to use real data from your backend CMS for development of Content Browser, you need to change the `SITE_URL` parameter inside `.env` file to proxy all API requests to your site.

In that case, you don't need to start the Express server. Run only the following:

```
# Starts the Webpack development server
$ yarn start
```

Build
-----

[](#build)

To build the production assets run the following:

```
$ yarn build
```

This will build the app and place all generated assets into `bundle/Resources/public` folder.

Tests
-----

[](#tests)

For end-to-end testing this repo uses [Cypress](https://www.cypress.io). Tests are mostly written for test data so Express server needs to be started before running them. To run the tests continuously in Google Chrome while developing, start Cypress with:

```
$ yarn cypress
```

This opens a window where you can click on `browser_test.js` which opens its own Google Chrome window and runs the tests. Tests are automatically ran whenever the app updates (on every file change).

When ran standalone, tests use the production build of the app:

```
$ yarn ci
```

This starts the Express server and runs the tests in a headless browser.

###  Health Score

61

—

FairBetter than 99% of packages

Maintenance83

Actively maintained with recent releases

Popularity38

Limited adoption so far

Community19

Small or concentrated contributor base

Maturity88

Battle-tested with a long release history

 Bus Factor1

Top contributor holds 71.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 ~168 days

Recently: every ~283 days

Total

17

Last Release

94d ago

Major Versions

0.13.0 → 1.0.02019-06-27

1.4.x-dev → 2.0.x-dev2026-01-13

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/362286?v=4)[Edi Modrić](/maintainers/emodric)[@emodric](https://github.com/emodric)

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

---

Top Contributors

[![emodric](https://avatars.githubusercontent.com/u/362286?v=4)](https://github.com/emodric "emodric (267 commits)")[![MarkoZabcic](https://avatars.githubusercontent.com/u/22573?v=4)](https://github.com/MarkoZabcic "MarkoZabcic (92 commits)")[![joezg](https://avatars.githubusercontent.com/u/8030495?v=4)](https://github.com/joezg "joezg (14 commits)")

### Embed Badge

![Health badge](/badges/netgen-content-browser-ui/health.svg)

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

PHPackages © 2026

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