Registry / devops / p3x-redis-ui-material

p3x-redis-ui-material

library2026.4.471jsnpmunverified

This package provides three independent, feature-parity GUIs (Angular, React/MUI, Vue/Vuetify) for the p3x-redis-ui server ecosystem. Current version 2026.4.471 targets Node.js >=12.13.0 and Angular 22. All frontends communicate via Socket.IO and share 54 languages, 7 themes, a CodeMirror JSON editor, uPlot charts, and desktop notifications. The package includes a visual ACL editor for Redis 6.0+ — a unique feature among Redis GUIs. Built with AOT compilation (Angular) or Vite (React, Vue). Actively maintained by PatrikX3 with frequent releases.

devops database

npm install p3x-redis-ui-material

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · P3X-REDIS-UI-MATER

p3x-redis-ui-material

devopsjavascriptv2026.4.471

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import P3XRedisUIMaterial from 'p3x-redis-ui-material'

✗ const P3XRedisUIMaterial = require('p3x-redis-ui-material')

Package is ESM-only in recent versions; requires import syntax.

FrontendType

✓ import { FrontendType } from 'p3x-redis-ui-material'

Exported type/symbol for specifying which frontend to launch (Angular, React, or Vue).

startFrontend

✓ import { startFrontend } from 'p3x-redis-ui-material'

✗ import { start } from 'p3x-redis-ui-material'

Function to start a specific frontend. Not to be confused with p3x-redis-ui's startServer.

TranslationService

✓ import { TranslationService } from 'p3x-redis-ui-material'

✗ import Translations from 'p3x-redis-ui-material'

Service for managing 54-language translations. Use named import.

ThemeType

✓ import { ThemeType } from 'p3x-redis-ui-material'

Type for theme selection (Light, Dark, Matrix, etc.).

Demonstrates importing and launching a specific frontend (Angular in this example) from the p3x-redis-ui-material package.

import P3XRedisUIMaterial from 'p3x-redis-ui-material'; import { startFrontend, FrontendType } from 'p3x-redis-ui-material'; // Choose a frontend: 'angular' | 'react' | 'vue' startFrontend(FrontendType.Angular) .then(() => console.log('Angular frontend started')) .catch(err => console.error('Failed to start:', err));

Debug

Known issues

breakingAngular 22 required – package built on Angular 22.0.0, incompatible with earlier Angular versions.

fix

Update your project to Angular 22 or above.

affects: 2026.4.471

breakingESM-only package – p3x-redis-ui-material no longer supports CommonJS require().

fix

Use ES module import syntax (import ... from 'p3x-redis-ui-material') and ensure your project is ESM-compatible.

affects: >=2026.0.0

deprecatedVue 2 frontend removed – Vue frontend now uses Vue 3 / Vuetify 3; Vue 2 no longer supported.

fix

If you were using the Vue 2 frontend, migrate to the Vue 3 version provided in this package.

affects: >=2025.0.0

gotchaSocket.IO version mismatch – p3x-redis-ui-material requires a compatible p3x-redis-ui-server version running the same Socket.IO protocol.

fix

Ensure p3x-redis-ui-server is at version >=2026.0.0 and check the release notes for any protocol changes.

affects: *

gotchaRunning multiple frontends simultaneously may cause port conflicts if each tries to bind to the same port.

fix

Launch each frontend with a distinct port configuration using environment variables or the startFrontend options.

affects: *

gotchaACL editor only works with Redis 6.0+ – connecting to older Redis versions will hide the ACL section.

fix

Upgrade your Redis server to 6.0+ to use the ACL editing features.

affects: *

Errors

Common errors & fixes

ERR! Could not resolve dependency: p3x-redis-ui-material@2026.4.471 requires Angular 22.0.0 but your project uses Angular 15.x

Incompatible Angular version.

fix

Upgrade your project to Angular 22 or use an older version of p3x-redis-ui-material that supports Angular 15.

SyntaxError: Cannot use import statement outside a module

Trying to import using ES module syntax in a CommonJS project.

fix

Set 'type': 'module' in your package.json or rename files to .mjs. Alternatively, use dynamic import().

Error: listen EADDRINUSE :::3000

Default port 3000 already in use by another instance.

fix

Kill the existing process or start the frontend with a different port using environment variable PORT=3001.

Error: Socket.IO connection refused – server not reachable at ws://localhost:3001

p3x-redis-ui-server is not running or is on a different port.

fix

Start p3x-redis-ui-server first (e.g., npx p3x-redis-ui-server) or specify the correct server URL.

Upgrade

Version history

2026.4.471latest on npm

Audit

Dependencies

p3x-redis-uirequiredThis package is the frontend part of the p3x-redis-ui ecosystem; the server-side is provided by p3x-redis-ui

p3x-redis-ui-serverrequiredBackend server required for Socket.IO communication and Redis operations

Agent activity

5 hits · last 30 days

node

Resources

githubhttps://github.com/patrikx3/redis-ui-material ↗

packagep3x-redis-ui-material ↗

homepagehttps://corifeus.com/redis-ui-material ↗