Pip-Boy UI

A reusable, free, Pip-Boy inspired UI components library for Angular applications.

Package: @vault-tec/pip-boy

Progress

- [x] Pip-Boy 3000
- [x] Pip-Boy 3000a
- [ ] Pip-Boy 2000 Mk VI
- [ ] Pip-Boy 3000 Mk IV

Install

``bash
npm install @vault-tec/pip-boy
`

Quick Start (Standalone Components)

`ts
import { Component } from '@angular/core';
import {
PipBoy2000MkVI,
PipBoy3000,
PipBoy3000a,
PipBoy3000MkIV,
} from '@vault-tec/pip-boy';

@Component({
selector: 'app-root',
standalone: true,
imports: [PipBoy2000MkVI, PipBoy3000MkIV, PipBoy3000a, PipBoy3000],
template:




,
})
export class App {}
``

Compatibility

Tested in Chrome. Other browsers may work, but Chrome is the only supported target right now.

Disclaimer

This is a fan-made UI library inspired by the Pip-Boy style interface.
It is not affiliated with, endorsed by, or associated with Bethesda or ZeniMax.

Provided as-is. I’ll do my best to keep things stable, but there’s no warranty and support is best-effort.