---
title: "Design Components for API Image Generation"
description: "All the building blocks you can render with the Imejis.io image generation API — each with live previews, variants, property reference, sample JSON and API request examples."
url: "https://www.imejis.io/components"
---

# Design components

Every design rendered through the Imejis.io API is composed of these components. Each is configurable in the editor, addressable per-render through the JSON API, and documented on its own page (append `.md` for the markdown version).

- [Text](https://www.imejis.io/components/text.md) — 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. (5 styles)
- [Image](https://www.imejis.io/components/image.md) — 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. (4 styles)
- [QR Code](https://www.imejis.io/components/qr.md) — Generates a scannable QR code from any string — URLs, coupon codes, Wi-Fi payloads — with configurable colors, margin and error-correction level. (4 styles)
- [Barcode](https://www.imejis.io/components/barcode.md) — 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. (4 styles)
- [Rating](https://www.imejis.io/components/rating.md) — 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. (6 styles)
- [Progress](https://www.imejis.io/components/progress.md) — 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. (4 styles)
- [Chart](https://www.imejis.io/components/chart.md) — 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. (7 styles)
- [Pie Chart](https://www.imejis.io/components/pie.md) — Pie and donut charts from a single data series, with slice labels, percentages and a legend — proportions at a glance. (4 styles)
- [Metric](https://www.imejis.io/components/metric.md) — A stat tile: one big formatted number with an optional label and up/down delta badge — built for KPIs, revenue counters and scorecards. (5 styles)
- [Table](https://www.imejis.io/components/table.md) — A data grid with headers, striped rows, per-column alignment and configurable borders — leaderboards, price lists and reports rendered as pixels. (5 styles)
- [Rectangle](https://www.imejis.io/components/rect.md) — A filled rectangle with borders, rounding, opacity and shadows — the building block for cards, panels, badges and backgrounds. (3 styles)
- [Circle](https://www.imejis.io/components/circle.md) — A perfect circle with fill, border and shadow control — avatars frames, dots, badges and decorative accents. (3 styles)
- [Line](https://www.imejis.io/components/line.md) — A thin filled bar used as a divider or underline — a rectangle specialized for separators (rendered by the rect renderer). (3 styles)
- [Shapes](https://www.imejis.io/components/shape.md) — Renders any SVG path with fill, stroke and aspect-ratio control — stars, arrows, blobs, logos and every custom vector in between. (4 styles)

API docs: https://www.imejis.io/apis · Pricing: https://www.imejis.io/pricing

Agents: the imejis MCP server at https://api.imejis.io/api/mcp exposes this catalog as structured data via `list_component_types`, plus tools to create designs and render them.