logoImejis.io

Supported components

Every design you render through the API is composed of these components. Each one is fully configurable in the editor, addressable per-render through the JSON API, and comes with variants, sample JSON and a live preview.

Content

Text and imagery — the core building blocks of every design.

Default · 1/5

Text

5 styles

Rich text with full typography control — fonts, weights, alignment, auto-resize, inline pattern highlighting and shadows. The workhorse for titles, captions and any dynamic copy.

View details, JSON & API usage
HighlightedOutlinedInline patternUppercase label
Default · 1/4

Image

4 styles

Displays an image from a URL with object-fit sizing, positioning, borders, rounding and shadows. Swap the URL at render time to personalize every image.

View details, JSON & API usage
ContainCircle avatarPolaroid

Data

Charts, metrics, ratings and tables that turn numbers into pixels.

Default · 1/6

Rating

6 styles

A row of stars, hearts, circles or custom icons filled to a value — with exact/half/rounded partial fills and an optional numeric label. Perfect for reviews and scores.

View details, JSON & API usage
HeartsHalf fill + labelOutline emptyEmojiTen-point scale
Default · 1/4

Progress

4 styles

A progress indicator as a linear bar, circular ring or gauge, with an optional percent/value/fraction label. Great for goals, capacity and completion visuals.

View details, JSON & API usage
CircularGaugeVertical bar
Default · 1/7

Chart

7 styles

Bar, line and area charts with single- or multi-series data, labels, legends, axes and value formatting — dashboard-quality charts rendered straight into your image.

View details, JSON & API usage
LineAreaHorizontal barsStacked seriesSparklineMulti-line
Default · 1/4

Pie Chart

4 styles

Pie and donut charts from a single data series, with slice labels, percentages and a legend — proportions at a glance.

View details, JSON & API usage
DonutRaw valuesLegend
Default · 1/5

Metric

5 styles

A stat tile: one big formatted number with an optional label and up/down delta badge — built for KPIs, revenue counters and scorecards.

View details, JSON & API usage
CompactNegative deltaSuffix unitsCurrency
Default · 1/5

Table

5 styles

A data grid with headers, striped rows, per-column alignment and configurable borders — leaderboards, price lists and reports rendered as pixels.

View details, JSON & API usage
Grid bordersMinimalDark headerStriped rows

Codes

Scannable QR codes and 1D barcodes for tickets, coupons and products.

Default · 1/4

QR Code

4 styles

Generates a scannable QR code from any string — URLs, coupon codes, Wi-Fi payloads — with configurable colors, margin and error-correction level.

View details, JSON & API usage
BrandedHigh error correctionDark inverse
Default · 1/4

Barcode

4 styles

Renders 1D/linear barcodes (Code 128, EAN-13, UPC-A and other bwip-js symbologies) with optional human-readable text — ideal for tickets, SKUs and shipping labels.

View details, JSON & API usage
EAN-13UPC-ABars only

Shapes

Rectangles, circles, lines and arbitrary SVG paths for layout and decoration.

Default · 1/3

Rectangle

3 styles

A filled rectangle with borders, rounding, opacity and shadows — the building block for cards, panels, badges and backgrounds.

View details, JSON & API usage
Outlined cardPill badge
Default · 1/3

Circle

3 styles

A perfect circle with fill, border and shadow control — avatars frames, dots, badges and decorative accents.

View details, JSON & API usage
RingDot
Default · 1/3

Line

3 styles

A thin filled bar used as a divider or underline — a rectangle specialized for separators (rendered by the rect renderer).

View details, JSON & API usage
HairlineAccent bar
Default · 1/4

Shapes

4 styles

Renders any SVG path with fill, stroke and aspect-ratio control — stars, arrows, blobs, logos and every custom vector in between.

View details, JSON & API usage
HeartArrowOutlined