5d:I[267044,["/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/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 5e:T4ac,

Stop rebuilding the same analytics widget for every client dashboard. This Revenue Card gives you a clean, ready-to-use metric display with a bar chart, trend indicator, and date range label — built for SaaS dashboards, admin panels, and product analytics pages.

Both dark and light mode versions are included, so it drops into any project without needing a rebuild. Every value — the metric label, amount, trend percentage, chart data, and colors — is fully customizable directly in Framer, no code required.

What's inside:

Revenue/metric card with trend badge and date range chip
Bar chart with hover states
Light mode and dark mode variants
Fully editable text, numbers, and colors
Responsive layout

Good fit for:

SaaS and product dashboards
Admin panel mockups
Analytics and reporting sections
Freelancers and agencies building client dashboard demos

Drop it into your canvas, swap in your own numbers, and it's ready to ship.

5f:T720,

Stop building pricing tables from scratch every time you land a new client.

This is a complete 3-tier pricing table component for Framer — Starter, Pro, and Business — built for SaaS landing pages, product sites, and client work where you need something that looks finished on day one, not day three.

The Pro tier is set as the recommended plan, so visitors know exactly where to look without you having to explain it. The other two tiers stay clean and legible instead of competing for attention.

What's inside:

A full pricing section — three connected plans, not a single card you have to duplicate and restyle yourself
Each tier has its own title, price, and a feature list actually written for that tier (no copy-pasted bullets across plans)
A highlighted "Most Popular" plan with built-in visual hierarchy — noticeable without being loud
Dark-mode styling with color-coded accents per tier, made for modern SaaS and product brands
Every price, label, color, and CTA is editable directly in Framer — no code, no rebuilding layers
Responsive out of the box, so it holds up on mobile without extra tweaking

Good fit for:

SaaS and startup landing pages
Product launch and waitlist sites
Freelancers and agencies who need a pricing section they can drop into client projects and customize in minutes, not hours

One-time purchase. No subscription, no hidden fees — just drop it into your canvas and it's yours.

Add it to your project, swap in your own tiers and pricing, and publish a pricing page that looks like it was designed on purpose.

5c:["$","$L5d",null,{"value":{"fallback":{"$inf$activity-creator-16e930bd-54d1-43c4-b0aa-b3ee39fc7bef-all:/unified/creator/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/activity/":[{"data":[{"id":"01a0c2a3-116d-72ef-b18f-1c1116724921","type":"comment.reply","target":{"type":"post","id":"01a02808-0ba7-7368-b02f-ea16035e608f","preview":"Revenue Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/01a02807-846f-7608-b3d3-854365e71fd2.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a02808-0ba7-7368-b02f-ea16035e608f","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0c2a3-1158-723d-b811-c24b83ebf689","preview":"Thank You So Much!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank You So Much!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a02808-0ba7-7368-b02f-ea16035e608f","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b574-6a92-76cf-9c58-8668bac4acad"},"repost":null}},"actors":[{"id":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","slug":"animotionstudio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T06:24:21.869Z","latestAt":"2026-09-21T06:24:21.869Z"},{"id":"01a0c2a2-eb86-77cf-80ad-64f529c8bea8","type":"comment.liked","target":{"type":"comment","id":"01a0b574-6a92-76cf-9c58-8668bac4acad","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a02808-0ba7-7368-b02f-ea16035e608f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b574-6a92-76cf-9c58-8668bac4acad"},"repost":null}},"context":{"type":"post","id":"01a02808-0ba7-7368-b02f-ea16035e608f","preview":"Revenue Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/01a02807-846f-7608-b3d3-854365e71fd2.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a02808-0ba7-7368-b02f-ea16035e608f","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","slug":"animotionstudio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T06:24:12.160Z","latestAt":"2026-09-21T06:24:12.160Z"},{"id":"01a02808-0e07-77e5-8782-f61f9a3a7659","type":"component.created","target":{"type":"component","id":"8jemNRPJV6oPtM6h0jSh","preview":"Revenue Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/01a02807-846f-7608-b3d3-854365e71fd2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","slug":"animotionstudio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-22T05:53:31.655Z","latestAt":"2026-08-22T05:53:31.655Z"},{"id":"019fd78a-f8c4-7138-83e0-34d4b542b251","type":"post.liked","target":{"type":"post","id":"019fd25d-ea32-744c-8928-e64777422a47","preview":"My first @Framer payout is here!🥳","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" payout is here!"},{"type":"emoji","attrs":{"name":"partying_face","emoji":"🥳"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c73268a3-041e-4859-bb2b-e69f96446a3a/019fd25d-b5dc-754a-af1a-ac8ee5b0411a.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019fd25d-ea32-744c-8928-e64777422a47","like":{"count":48,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","slug":"animotionstudio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T14:47:16.922Z","latestAt":"2026-08-06T14:47:16.922Z"},{"id":"019fd68e-518e-75c9-8b0c-f1b963c17cb4","type":"component.created","target":{"type":"component","id":"x4s113GwTnrLoXNeA97w","preview":"3-Tier Pricing Table","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/019fd68d-7a6b-727e-995f-ef1fd95e4907.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","slug":"animotionstudio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-06T10:11:19.054Z","latestAt":"2026-08-06T10:11:19.054Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:16e930bd-54d1-43c4-b0aa-b3ee39fc7bef:/unified/posts/?creator=16e930bd-54d1-43c4-b0aa-b3ee39fc7bef&with=reposts":[{"data":[{"id":"01a02808-0ba7-7368-b02f-ea16035e608f","title":null,"body":"

Here's Revenue Analytics Card

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's Revenue Analytics Card"}]}]},"author":{"framerUserId":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","slug":"animotionstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8jemNRPJV6oPtM6h0jSh","resolved":true,"title":"Revenue Card","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop rebuilding the same analytics widget for every client dashboard. This Revenue Card gives you a clean, ready-to-use metric display with a bar chart, trend indicator, and date range label — built for SaaS dashboards, admin panels, and product analytics pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Both "},{"type":"text","text":"dark and light mode","marks":[{"type":"bold"}]},{"type":"text","text":" versions are included, so it drops into any project without needing a rebuild. Every value — the metric label, amount, trend percentage, chart data, and colors — is fully "},{"type":"text","text":"customizable","marks":[{"type":"bold"}]},{"type":"text","text":" directly in Framer, no code required."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Revenue/metric card with trend badge and date range chip"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bar chart with hover states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light mode and dark mode variants"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully editable text, numbers, and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Good fit for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and product dashboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Admin panel mockups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Analytics and reporting sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers and agencies building client dashboard demos"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into your canvas, swap in your own numbers, and it's ready to ship."}]}]},"introduction":"Conversion-ready dashboard widget","slug":"revenue-card","author":{"framerUserId":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","slug":"animotionstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/01a02807-846f-7608-b3d3-854365e71fd2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-22T05:53:30.508Z","updatedAt":"2026-08-22T05:53:30.508Z","publishedAt":"2026-08-22T05:53:30.502Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://likely-focus-598283.framer.app/","price":"5","paymentUrl":"https://animotionstore.gumroad.com/l/revenue-card?wanted=true","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"zcUxICachPODksJfuOiJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-22T05:53:31.047Z","updatedAt":"2026-08-22T05:53:31.047Z"},{"id":"019fd68e-4fbd-705a-aa6f-804f0c249c94","title":null,"body":"

Here's a 3 Tier Pricing Table for your SaaS Site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's a 3 Tier Pricing Table for your SaaS Site."}]}]},"author":{"framerUserId":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","slug":"animotionstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"x4s113GwTnrLoXNeA97w","resolved":true,"title":"3-Tier Pricing Table","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stop building pricing tables from scratch every time you land a new client.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"This is a complete 3-tier pricing table component for Framer — Starter, Pro, and Business — built for SaaS landing pages, product sites, and client work where you need something that looks finished on day one, not day three."}]},{"type":"paragraph","content":[{"type":"text","text":"The Pro tier is set as the recommended plan, so visitors know exactly where to look without you having to explain it. The other two tiers stay clean and legible instead of competing for attention."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A full pricing section — three connected plans, not a single card you have to duplicate and restyle yourself"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each tier has its own title, price, and a feature list actually written for that tier (no copy-pasted bullets across plans)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A highlighted \"Most Popular\" plan with built-in visual hierarchy — noticeable without being loud"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark-mode styling with color-coded accents per tier, made for modern SaaS and product brands"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every price, label, color, and CTA is editable directly in Framer — no code, no rebuilding layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive out of the box, so it holds up on mobile without extra tweaking"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Good fit for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and startup landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launch and waitlist sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers and agencies who need a pricing section they can drop into client projects and customize in minutes, not hours"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"One-time purchase. No subscription, no hidden fees — just drop it into your canvas and it's yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Add it to your project, swap in your own tiers and pricing, and publish a pricing page that looks like it was designed on purpose."}]},{"type":"paragraph"}]},"introduction":"Conversion-focused pricing section","slug":"3-tier-pricing-table","author":{"framerUserId":"16e930bd-54d1-43c4-b0aa-b3ee39fc7bef","name":"Animotion Studio","slug":"animotionstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/3snbciiv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16e930bd-54d1-43c4-b0aa-b3ee39fc7bef/019fd68d-7a6b-727e-995f-ef1fd95e4907.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-06T10:11:18.197Z","updatedAt":"2026-08-07T07:24:10.056Z","publishedAt":"2026-08-06T10:11:18.182Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://exciting-line-846798.framer.app/","price":"5","paymentUrl":"https://animotionstore.gumroad.com/l/pricing-table?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"rlTql3r5m0O6K4Wmy8Em","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-20T10:17:07.766Z","createdAt":"2026-08-06T10:11:18.589Z","updatedAt":"2026-08-20T10:17:07.766Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L60"}]