Canvas

Tweet a dynamic image.

Design a template once. Change the URL, change the image. Every social card, OG preview, or embed becomes a dynamic URL you can share anywhere.

Start designing View on GitHub

No credit card. Open source. Self-hostable.

Live demo — try the controls
Live-rendered crypto LP-card preview reflecting the demo controls
Share URL /c/crypto-lp-card?tokenA=USDC&tokenB=ETH&gainPercent=0.125&range=in_range&rangeLabel=In+Range&boosted=true&pl=125.00&entry=0.10&mark=0.1125&volume=1234567&timeframe=24h&tokenALogoUrl=data%3Aimage%2Fsvg%2Bxml%3Butf8%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%252064%252064%2522%253E%253Ccircle%2520cx%253D%252232%2522%2520cy%253D%252232%2522%2520r%253D%252230%2522%2520fill%253D%2522%25232775ca%2522%252F%253E%253Ctext%2520x%253D%252232%2522%2520y%253D%252242%2522%2520font-size%253D%252228%2522%2520font-family%253D%2522sans-serif%2522%2520font-weight%253D%2522700%2522%2520text-anchor%253D%2522middle%2522%2520fill%253D%2522%2523ffffff%2522%253E%2524%253C%252Ftext%253E%253C%252Fsvg%253E&tokenBLogoUrl=data%3Aimage%2Fsvg%2Bxml%3Butf8%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%252064%252064%2522%253E%253Ccircle%2520cx%253D%252232%2522%2520cy%253D%252232%2522%2520r%253D%252230%2522%2520fill%253D%2522%2523627eea%2522%252F%253E%253Ctext%2520x%253D%252232%2522%2520y%253D%252242%2522%2520font-size%253D%252228%2522%2520font-family%253D%2522sans-serif%2522%2520font-weight%253D%2522700%2522%2520text-anchor%253D%2522middle%2522%2520fill%253D%2522%2523ffffff%2522%253E%25CE%259E%253C%252Ftext%253E%253C%252Fsvg%253E

This is what your followers see.

Drop the share URL into a tweet. Twitter, LinkedIn, Slack, and Discord crawl the link, render the image with whatever values you passed, and show it inline.

Designer
@designer · 2m

Live position update — USDC/ETH pool, +12.5% so far.

canvas.example
USDC/ETH LP — +12.5%

How it works

  1. 1

    Design

    Lay out text, images, and shapes in the visual editor. Snap, layer, undo — the usual.

  2. 2

    Bind

    Mark any property as dynamic and give the URL value a name. That name becomes a knob anyone can turn at request time.

  3. 3

    Tweet

    Publish, copy the share URL, paste it anywhere. The image renders fresh on every visit.