CalcaasAI pricing calculator for SaaS founders

Pricing AI products on proof, not a guess.

Calcaas shows founders what every AI user really costs before they set a price: token costs, fees, margins and tiers across every major model provider.

Calcaas home page: headline, live margin gauge for one user and the call to start modeling
Calcaas home page on a phone
Year
2026
Scope
Product design, Brand, Web app, Landing page
Stack
Next.js 16, React 19, Tailwind CSS 4, Supabase, GSAP, Three.js, Vercel
  • 4,000+models priced
  • 80+providers, synced weekly
  • 30+currencies per quote
  • $49one-time Pro licence

Figures as published on calcaas.com, or read from its repository.

The brief

Most AI products are priced on a guess: an average user, a spreadsheet and a margin that looks fine until the heavy users arrive. The tool had to count every token, fee and customer, and the site had to make that click within seconds.

The approach

  1. 01

    A model price catalog synced every week, so every quote starts from current numbers.

  2. 02

    A cost builder for LLM, image, video and audio workloads, with margin, profit and credit pricing modes.

  3. 03

    A landing page that shows the product instead of describing it: a live margin gauge, a 30 second calculator and a 3D cost chart.

  4. 04

    Server-rendered pages for every provider, comparison and alternative on Vercel, so search traffic lands on real numbers.

Scroll the real page

The home page of calcaas.com, captured from the production build. Keep scrolling.

The Calcaas home page at 1440px, top to bottom
Calcaas calculator: monthly requests, tokens and price in, margin, profit and break-even out

Highlight 01

Price an AI product in 30 seconds

The calculator lives on the landing page. Pick a model, set requests and tokens, and watch margin and break-even move as you type.

Three plans drawn as 3D columns of model cost, fees and profit

Highlight 02

Every dollar, stacked to scale

A Three.js chart splits each plan into model cost, fees and profit, then adds a heavy user to show exactly where the margin goes.

Brand system

Tokens, not hex codes.

Display type is Funnel Display, body copy is Host Grotesk. Every colour below is a token in the codebase. Click one to copy it.

Calcaas logo

What shipped

Live, in production.

  • Web app with accounts, saved scenarios and a one-time Pro upgrade
  • Branded PDF quotes that stay re-downloadable with their original numbers
  • Free cost calculators for LLM, image, video and speech
  • Weekly pricing sync and a public changelog

Your client's site, built like this.

Same pipeline, same checks, shipped under your agency's name.

The top of the Meeliana home page, from the hero to the product section

Next case study

Meeliana

Property management software, marketing site

  • Design system
  • UI design
  • Marketing site
  • Lead pipeline