Craft componentsinto every output.

Flexbox andgrid, measured.

Every glyph,shaped.

Every fill,drawn in order.

Get startedPlayground

One component, every format.

Images

Open Graph cards, blog covers, and quote cards at any size.

  • PNG
  • WebP
  • JPEG
Blog cover with a lighthouse at night rendered as PNG
Square quote card rendered as WebP

Animations

CSS keyframes, played frame by frame into one file.

  • Animated WebP
  • APNG
  • GIF
Animated now-playing card with moving CSS keyframe equalizer bars

SVG

Vector banners and README art that stay sharp at any scale.

Repository banner rendered as scalable vector SVG

PDF

Invoices, tickets, and certificates as paged PDFs with selectable text.

A4 invoice PDF for Hollow Oak Studio with selectable text
HARBOR/26 Lisbon conference pass PDF with barcode stub
Course completion certificate PDF with seal

Paint

The draw steps behind the card above, replayed in paint order.

step 01/24
div · background

In production.

Production Open Graph image rendered by dcard.tw
Production Open Graph image rendered by TanStack
Production Open Graph image rendered by fumadocs.dev
Production Open Graph image rendered by Luma
Takumi
Try in playgroundRead documentationView showcase