---
title: "New Component - Barcodes (Code 128, EAN-13, UPC-A & More)"
description: "Generate scannable 1D barcodes inside your designs. 13 symbologies including Code 128, EAN-13 and UPC-A, with a dynamic value on every render."
url: "https://www.imejis.io/changelogs/barcode-component"
image: "https://www.imejis.io/images/changelogs/barcode-component.png"
published: "2026-07-19"
author: "imejis"
---

# New Component - Barcodes (Code 128, EAN-13, UPC-A & More)

## New Component: Barcodes

QR codes have been in Imejis.io for a while. Their older, straighter cousin just arrived: the barcode component renders scannable 1D barcodes right inside your designs.

### Formats

Thirteen symbologies are built into the editor: Code 128, Code 39, Code 93, EAN-13, EAN-8, UPC-A, UPC-E, ITF-14, Interleaved 2 of 5, Codabar, MSI, Pharmacode, and GS1-128. Under the hood it's bwip-js, so if you're calling the API you can pass any symbology it supports, not just the curated list.

One thing to know: the value has to be valid for the chosen format. EAN-13 wants 12-13 digits, for example. An invalid value renders a visible placeholder instead of a broken image, so you'll catch it early.

### Styling

Bar color, background color, and an optional human-readable line below the bars (you can recolor or hide it). That's deliberately minimal. Barcodes have one job, and it's being scanned.

### Where it shines: one template, thousands of codes

Set the barcode's value as a dynamic field and every render can encode something new:

```http
GET https://render.imejis.io/v1/<design-id>?ticket=IMJ-000482
```

Event tickets with unique entry codes. Shipping labels with tracking numbers. Product cards with real SKUs. Loyalty passes. You design the label once and the API stamps out the rest.

The [barcode component page](/components/barcode) has a live playground with every format. And if you need 2D instead, the [QR component](/components/qr) is still right there.