JSFiddle - React, Tailwind, and code Playground

HTML

<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Streaming costs $702 a year more than in 2021 — HonestlyRanked</title>
<meta name="description" content="9 major streaming services cost $95.91/mo in 2021-03 and $154.41/mo today — up 61%, or $702 a year. Every change sourced.">
<link rel="canonical" href="https://honestlyranked.com/guides/streaming-price-increases/">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta name="theme-color" content="#0d1117">
<meta property="og:image" content="https://honestlyranked.com/og-image.png">
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json">{"@context": "https://schema.org", "@type": "Article", "headline": "The same nine streaming subscriptions cost $702 more a year than in 2021", "description": "Streaming basket up 61% since 2021-03.", "author": {"@type": "Person", "name": "Rashid N", "description": "Rashid N is the editor of HonestlyRanked. He reviews every figure this site publishes against its source before it goes out, and has never accepted a free account, a review unit, or payment for placement. Rashid N is a pen name; see our methodology page."}, "publisher": {"@type": "Organization", "name": "HonestlyRanked", "url": "https://honestlyranked.com"}, "datePublished": "2026-09-10", "dateModified": "2026-09-10", "isAccessibleForFree": true}</script><script type="application/ld+json">{"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "How much has streaming gone up?", "acceptedAnswer": {"@type": "Answer", "text": "A basket of 9 major services went from $95.91 to $154.41 a month between 2021-03 and today \u2014 an increase of 61%, or $702 a year."}}, {"@type": "Question", "name": "How much does streaming cost per year now?", "acceptedAnswer": {"@type": "Answer", "text": "$1,852.92...