VECTOR LABELS · 337 BLOCKS

Technical labels,
generated in code

337 React components that draw barcodes, HUD panels, hazard tape, contour maps and 466 pictograms as SVG, at render time.

Every label on this page is one of them, drawn live in your browser. Not one image file.

80 blocks free, no accountReact 18 and 19No runtime dependencyCommercial use included

Browse all 337 blocks →

ACCELERATORVX-9000
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ISSUE 07 · PHOTOCOPIED
NO SIGNAL
NOTES FROM THE EDGE OF THE GRID
48 PAGES, STAPLED, PRINTED ON A MACHINE THAT WAS ALREADY BROKEN.
FREE / PAY WHAT YOU LIKE
HIGH VOLTAGE
AUTHORISED PERSONNEL ONLY · LOCK OUT BEFORE SERVICE
EN ISO 7010 · W012
ONE ADMISSION
LATE SHOW
22:30
ROW
H
SEAT
14
SCREEN
03
NO REFUND · DOORS 30 MIN BEFORE

Twelve of the loudest

Every one of these is in the Pro tier
SYSTEM VERIFIEDACTIVE
PROTOCOL SYNCEDSTABLE
FIELD UNIT CALIBRATEDONLINE
DEPLOYMENT CERTIFIEDOPERATIONAL
AI-OPS
AI-OPS IS AN APPLIED INTELLIGENCE DIVISION FOCUSED ON OPERATIONAL AUTOMATION AND OUR FRAMEWORKS INTEGRATE DIRECTLY INTO ENVIRONMENTS, ENABLING REAL-TIME ANALYSIS AND EXECUTION.
LOG ID: 2305-A-01
INTERNAL USE ONLY / AUTHORIZED PERSONNEL
TECHNO
TECHNO
TECHNO
TECHNO
WE GET WHAT WE DESIRE, SO DESIRE THE BEST
THERMAL SCANIR-04 / 8-14UM
MAX84.2 C
AVG41.7 C
MIN12.9 C
12406896
DEPTH SOUNDER50 KHZ / CONE 45
DEPTH128 M
TEMP8.4 C
BOTTOMSOFT
SURVEY LINE 12 · SPEED 6 KT
GENERAL ARRANGEMENTDWG 2231-04
HOUSING 04-B
SCALE
1:2
SHEET
03 / 08
REV
C
THIRD ANGLE PROJECTION · DIMENSIONS IN MM
SYS.MONITORTTY0 · 9600 8N1
UPTIME412:19:07
LOAD0.42 0.51 0.60
MEM6.1G / 16G
LINKUP
> AWAITING INPUT
NIGHT PRESS · EDITION OF 120
OUT OF REGISTER
A PRINT SHOW
TWO PASSES, ONE SHEET. THE SECOND INK NEVER LANDS QUITE WHERE THE FIRST DID, WHICH IS THE WHOLE POINT.
DOORS 19:00 · FREE ENTRY
NIGHT SHIFT
TRANSMISSION 03
24:00
NASA
NEW HORIZONS
THE FIRST MISSION TO THE KUIPER BELT, LAUNCHED 2006, ARRIVED 2015.
757
ONE NIGHT ONLY
FURNACE
SUPPORT
ASH COLUMN
DOORS
21:00
ROOM
THE DEPOT
TICKETS AT THE DOOR · CASH ONLY
MISSION FILE
FIRST MOON LANDINGJULY 20, 1969
COST25.4 BILLION
DURATION8 DAYS 3 HOURS
LANDING A MAN ON THE MOON AND RETURNING HIM SAFELY TO THE EARTH.
CREW · NEIL ARMSTRONG / BUZZ ALDRIN / MICHAEL COLLINS
EMERGENCY
911
24H · NO CHARGE
WHAT YOU GET
337
BLOCKS
466
PICTOGRAMS
56
GENERATORS
20
PALETTES
0
DEPENDENCIES
01

One prop. Twenty colourways.

Colour is not a variant you go and find, it is an argument. The same component, eight of the 20 palettes, nothing else changed. Pass your own tokens and it takes those instead.

ACCELERATORVAPOR
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATORMAGMA
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATORTERMINAL
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATORHAZARD
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATOROCEAN
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATORRISO
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATORALARM
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16
ACCELERATORACID
CORE2.61 GHZ
VRAM21.4 / 24 GB
TEMP71 C
POWER312 W
DRIVER 551.02 · SLOT 1 · PCIE 4.0 X16

<GpuCard palette="magma" />

02

Not a pack of files. A generator.

A PNG pack gives you a fixed set of pictures. This gives you one number. Change the seed and every barcode, QR and texture in the label is redrawn, deterministically, so the same seed always returns the same artwork.

TERRAIN
MAP-11
LAT 48.8566
LON 2.3522
CONTOUR INTERVAL 5.4
Z 11

seed=11

TERRAIN
MAP-11
LAT 48.8566
LON 2.3522
CONTOUR INTERVAL 5.4
Z 482

seed=4820

TERRAIN
MAP-11
LAT 48.8566
LON 2.3522
CONTOUR INTERVAL 5.4
Z 77

seed=77

TERRAIN
MAP-11
LAT 48.8566
LON 2.3522
CONTOUR INTERVAL 5.4
Z 913

seed=91345

03

Built to drop into a real codebase

Zero dependency

React is the only peer. No images, no fonts, nothing to audit.

Tailwind optional

The stylesheet is standalone and every class is prefixed. Nothing can clash.

Server components

Generation is deterministic, so there is no hydration mismatch.

Fully typed

466 pictogram names autocomplete. A typo is a compile error.

Dark mode included

Follows your .dark class with no configuration.

Styleable from outside

Every part carries a data-slot. Restyle without forking.

04

The collection

337 composed labels, every one of them a React component you call with no props. Here are 78 of them, drawn live on this page.

Marked PRO are the 257 in the paid tier. The other 80 install with the command above and stay free.

See all 337 blocks rendered →
05

Pricing

One payment, no subscription, and thirty days to change your mind. The 80 free blocks stay free whatever you decide.

FREE
0
EUR
FOREVER · NO ACCOUNT, NO KEY
Chassis and generatorsALL
Pictograms466
Composed blocks80
Commercial useYES
PRO
79
EUR149
LAUNCH PRICE · SAVE 70 EUR · ONE-OFF, NO SUBSCRIPTION
Everything in FreeYES
Composed blocks337
Updates included12 MONTHS
ProjectsUNLIMITED
Client workYES
Licence key1 SEAT
Checkout opens shortly · 79 EUR

30-day refund, no justification · 149 EUR once the launch ends

30 DAYS
Full refund on request, no justification, on top of any statutory right.
YOURS TO KEEP
Everything you took during the licence stays yours, forever, even after it lapses.
STUDENT LICENCE
A reduced price for students, on a declaration when you buy.

Pro blocks are served from an authenticated registry. You add one entry to components.json with your key in an environment variable, then install by name like any other component. The key never lands in a versioned file.

06

Questions

Do the barcodes encode anything?

No. They are graphic artifacts: real structure, no payload. QR codes carry proper finder and timing patterns so they read as genuine, but they decode to nothing.

Do I need shadcn?

No. Install from npm and import. The shadcn route exists so you can copy the source into your project and own it.

Does it work outside Next.js?

Yes. Vite, Remix, Astro, or plain React. The components are ordinary React with a stylesheet.

Can I change the copy?

Every text is a prop with a default. Call a block with no props and you get the label as drawn; pass one prop and only that changes.

What about print?

Everything is vector and the scale prop resizes a whole label coherently, so a badge and a poster come from the same component.

What licence?

Commercial use in your own products, paid or not, including work you deliver to clients. Redistributing the source as a competing asset pack is not allowed.

What happens after twelve months?

You keep every file you took, forever, under the same terms. A renewal buys access to what ships next, nothing more. Nothing stops working and nothing is taken back.

Can I get a refund?

Thirty days, on request, without justification, on top of any statutory right you have.

Why is it 79 and not 149?

149 is the price. 79 is the launch price, printed here from the first day so the rise is announced rather than sprung.

START HERE80 FREE · 337 WITH PRO

Install the 80 free blocks now. No account, no key, no card.

Checkout opens shortly · 79 EUR

All 337 blocks, one payment, thirty days to change your mind.