Pack · 28 assets

Nightcity UI Starter — 28 matched kits

The Nightcity family in one place: HUD frames, nine-slice panels and buttons and 26 more matched kits. One palette, one stroke weight, one set of nine-slice margins.

Twelve HUD frames, no two the same shape. For cyberpunk, sci-fi and near-future interfaces where a set of identical rectangles at different widths gives the game away.

28 kits drawn against the same rules, so they can sit in the same screen without anything looking borrowed: the same six midnight blue tones, the same single hot magenta accent, the same 2 px stroke weight, and nine-slice margins that are always a multiple of four.

That consistency is the actual point of a pack. Individually each kit is useful; together they mean a pause menu, a HUD and a settings screen can be assembled in an afternoon without a single colour or corner radius being negotiated twice.

Each kit is downloaded from its own page — that way you take only what you need, and the file list, sizes and licence stay accurate per item rather than being averaged across a bundle.

What is inside

28 kits
  • Sheet showing 12 cyberpunk HUD frames from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity HUD Frame Set

    12 cyberpunk HUD frames for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files275 kB
  • Three horizontal game status bars stacked on a checkerboard background, filled to different levels for health, mana and stamina, with a segmented 16-notch bar and three smaller bars beneath themCC-BY-4.0

    Nightcity HUD Bars — health, mana and stamina

    16 neon night HUD bar sprites: standard, slim and vertical frames, three hollow-core fills in each, plus segmented, ghost and shield variants. SVG plus transparent PNG.

    cyberpunk2 files31 kB
  • A row of square game inventory slots on a checkerboard background showing empty, hover, selected with corner ticks, and diagonally hatched locked states, followed by coloured rarity frames and a tiled eight-slot gridCC-BY-4.0

    Nightcity Inventory Slots — 68px grid

    13 68×68 neon night inventory slots: empty, hover, selected, locked, blocked and drop states, round and hex equipment slots, a hotbar slot and three rarity frames.

    cyberpunk3 files88 kB
  • Sheet showing 13 cyberpunk background and overlay pieces from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Backdrops

    13 cyberpunk background and overlay pieces for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files72 kB
  • Sheet showing 15 cyberpunk dialogue components from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Dialogue Kit

    15 cyberpunk dialogue components for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files110 kB
  • Sheet showing 15 cyberpunk navigation and input components from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Navigation Kit

    15 cyberpunk navigation and input components for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files56 kB
  • Sheet showing 16 cyberpunk heads-up display frames from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity HUD Frames

    16 cyberpunk heads-up display frames for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files101 kB
  • Sheet showing 20 cyberpunk progression and reward components from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Progression Kit

    20 cyberpunk progression and reward components for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files137 kB
  • Sheet showing 16 cyberpunk input prompt sprites from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Input Prompts

    16 cyberpunk input prompt sprites for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files109 kB
  • Sheet showing 18 cyberpunk card, currency and notification components from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Card Frames

    18 cyberpunk card, currency and notification components for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files197 kB
  • Sheet showing 26 cyberpunk crests, insignia and rank marks from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Emblems

    26 cyberpunk crests, insignia and rank marks for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files744 kB
  • Sheet showing 12 cyberpunk mouse cursors from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Cursors

    12 cyberpunk mouse cursors for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files51 kB
  • Sheet showing 12 cyberpunk map markers and world indicators from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Map Markers

    12 cyberpunk map markers and world indicators for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files172 kB
  • Sheet showing 12 cyberpunk status effect frames and duration indicators from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Status Effects

    12 cyberpunk status effect frames and duration indicators for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files99 kB
  • Sheet showing 12 cyberpunk impact and effect sprites from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Hit Effects

    12 cyberpunk impact and effect sprites for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files197 kB
  • Sheet showing 20 cyberpunk loading and waiting indicators from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Loading

    20 cyberpunk loading and waiting indicators for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files88 kB
  • Sheet showing 12 cyberpunk shop and economy widgets from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Shop UI

    12 cyberpunk shop and economy widgets for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files73 kB
  • Sheet showing 13 cyberpunk crafting and recipe widgets from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Crafting UI

    13 cyberpunk crafting and recipe widgets for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files63 kB
  • Sheet showing 13 cyberpunk quest log and objective widgets from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Quest Log

    13 cyberpunk quest log and objective widgets for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files81 kB
  • Sheet showing 12 cyberpunk level select and world map pieces from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Level Select

    12 cyberpunk level select and world map pieces for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files91 kB
  • Sheet showing 12 cyberpunk leaderboard and achievement widgets from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Leaderboard

    12 cyberpunk leaderboard and achievement widgets for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files93 kB
  • Sheet showing 13 cyberpunk party and roster widgets from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Party UI

    13 cyberpunk party and roster widgets for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files114 kB
  • Sheet showing 12 cyberpunk tutorial and onboarding markers from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Tutorial UI

    12 cyberpunk tutorial and onboarding markers for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files122 kB
  • Sheet showing 15 cyberpunk modal dialogs and system notices from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Modals

    15 cyberpunk modal dialogs and system notices for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files95 kB
  • Sheet showing 12 cyberpunk character sheet and stat widgets from the Nightcity family, arranged on a transparency checkerboard with their pixel sizes printed underneathCC-BY-4.0

    Nightcity Character Sheet

    12 cyberpunk character sheet and stat widgets for dark interfaces — midnight blue with hot magenta accents. SVG plus transparent PNG at 1x, 2x and 4x.

    cyberpunk2 files167 kB

Each asset is downloaded from its own page — that way you only take what you need, and the file list, sizes and license stay accurate per item.