# Benchmark measures AI coding costs for JavaScript frameworks

Digest AI · Research · published 2026-10-28T14:31:03Z

Canonical: https://digestai.news/story/benchmark-measures-ai-coding-costs-for-javascript-frameworks

## Summary

A developer conducted a benchmark to test the cost and quality of building a Pokémon app using various JavaScript frameworks with AI agents. The experiment used Claude Code with the Opus 5.5 model to generate code for frameworks including Next.js, Nuxt, SvelteKit, Angular, and Hono+htmx. Each framework was tested five times to account for the stochastic nature of LLMs, with results measured by API cost, development time, lines of code, and Lighthouse performance scores.

The results showed significant variance in costs, with SvelteKit, Gracile+Lit, and Angular emerging as the most expensive options to build. Angular also had reliability issues, failing to create a working app in two out of five runs due to server-side rendering configuration errors. In terms of maintainability, Hono+htmx produced roughly 70% less code than Angular while achieving similar functionality and faster performance. The study highlights that framework choice significantly impacts token usage and long-term maintenance costs in an agentic development workflow.

The author notes that Lighthouse metrics like Largest Contentful Paint are biased against Single Page Applications (SPAs), favoring Multi-Page Applications (MPAs). However, JavaScript bundle size remained a key differentiator. The benchmark aims to provide evidence-based insights into framework selection, countering the trend of choosing tools based on developer experience or hype rather than measurable performance and cost data.

## Key points

- SvelteKit, Gracile+Lit, and Angular were the most expensive frameworks to build with AI agents.
- Hono+htmx used roughly 70% less code than Angular while maintaining similar functionality.
- Angular failed to produce a working app in two out of five test runs due to SSR issues.

## Why it matters

As AI agents write more code, framework choice directly impacts token costs and maintenance overhead. This data helps developers select tools that minimize long-term expenses and improve reliability in automated workflows.

## Sources

1. [The AI cost of JavaScript frameworks](https://nolanlawson.com/2026/10/28/the-ai-cost-of-javascript-frameworks) (nolanlawson.com, 2026-10-28)

## Cite

Digest AI, "Benchmark measures AI coding costs for JavaScript frameworks", 28 October 2026, https://digestai.news/story/benchmark-measures-ai-coding-costs-for-javascript-frameworks

---

Written by Digest AI's editorial model from the linked sources; the sources are the record. Headlines, digests and key points are written by Digest AI and may be quoted with a link to the story page. Linked articles belong to their publishers. Terms: https://digestai.news/terms#reuse
JSON: https://digestai.news/story/benchmark-measures-ai-coding-costs-for-javascript-frameworks.json