5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T698,

A cost calculator for anything built on a language model, for pricing pages, ROI sections and AI agency sites.

Enter requests per month and the input and output tokens per request. It returns cost per request, per thousand requests, per month and per year, and it shows the input and output split as a bar, which is usually the surprise: output tokens are most of the bill on most workloads.

Models are a plain text field, one per line: a name, the input price per million tokens, the output price per million. Deliberately not a built-in list of vendors and their prices. Token prices move, this runs on your live site, and a stale price shown as fact is worse than no calculator, so you type today's numbers off today's pricing page and they are yours. Every model you list is costed against the same usage at once and ranked, and a visitor can click between them.

Prompt caching is modelled: set what share of input tokens are served from cache and how much cheaper a cached token is, and the input rate becomes a blend rather than a discount applied at the end.

Currency is a visitor-facing selector, every figure goes through Intl so it reads correctly in any locale, and the heading, radius and every colour are controls.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

59:[["$","$L5c",null,{"post":{"id":"01a00bfc-f2fc-7638-bb3b-df68545d525b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WggtqROBRX1ZTM3lNctO","resolved":true,"title":"Token Cost","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A cost calculator for anything built on a language model, for pricing pages, ROI sections and AI agency sites."}]},{"type":"paragraph","content":[{"type":"text","text":"Enter requests per month and the input and output tokens per request. It returns cost per request, per thousand requests, per month and per year, and it shows the input and output split as a bar, which is usually the surprise: output tokens are most of the bill on most workloads."}]},{"type":"paragraph","content":[{"type":"text","text":"Models are a plain text field, one per line: a name, the input price per million tokens, the output price per million. Deliberately not a built-in list of vendors and their prices. Token prices move, this runs on your live site, and a stale price shown as fact is worse than no calculator, so you type today's numbers off today's pricing page and they are yours. Every model you list is costed against the same usage at once and ranked, and a visitor can click between them."}]},{"type":"paragraph","content":[{"type":"text","text":"Prompt caching is modelled: set what share of input tokens are served from cache and how much cheaper a cached token is, and the input rate becomes a blend rather than a discount applied at the end."}]},{"type":"paragraph","content":[{"type":"text","text":"Currency is a visitor-facing selector, every figure goes through Intl so it reads correctly in any locale, and the heading, radius and every colour are controls."}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it."}]},{"type":"paragraph","content":[{"type":"text","text":"Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev"}]}]},"introduction":"What your LLM feature costs","slug":"token-cost","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a00bfc-c996-7678-902f-30fc0461a21b.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-16T19:12:01.286Z","updatedAt":"2026-08-16T19:12:01.286Z","publishedAt":"2026-08-16T19:12:01.277Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/token-cost","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_PEZ1cSM9DUpWSu1BY4sa6OYOvkVJ8en8LcSzt3I6JPg","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"qYt7EUa7ktLBejG2HnFx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T19:12:01.788Z","updatedAt":"2026-08-16T19:12:01.788Z","reported":false}}],"$L5e"]

Suggested for you