5e:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3hzzj8hlrav6q.js","/creators-assets/_next/static/immutable/chunks/29l-9waorhvpm.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/1zwfgkv6hl7ih.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1xwqa9rrktdcw.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/11rwwufuwaox5.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/3_2gh-txmrtwa.js","/creators-assets/_next/static/immutable/chunks/3xhwx36tyhh8-.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 60:I[539959,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3hzzj8hlrav6q.js","/creators-assets/_next/static/immutable/chunks/29l-9waorhvpm.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/1zwfgkv6hl7ih.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1xwqa9rrktdcw.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/11rwwufuwaox5.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/3_2gh-txmrtwa.js","/creators-assets/_next/static/immutable/chunks/3xhwx36tyhh8-.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"CommentSection"] 5f:T64b,

Turn raw model scores into polished, publication-grade benchmark visuals directly inside Framer.

Inspired by the visual language of modern benchmark reporting, the component combines clean typography, segmented progress bars, uncertainty margins, animated reveals, and configurable branding into a single drop-in module.

Features

Fully customizable benchmark rows
Adjustable percentage scores and error margins
Configurable accent colors, gradients, and pattern styling
Support for company names and optional logos
Precision control over border radius, spacing, and line thickness
Smooth “On Appear” entrance animations which can be toggled to "Layer in View"
Publication-ready layout for AI benchmarks and comparison charts
Responsive and optimized for modern editorial layouts

Ideal Use Cases

AI model leaderboards
SaaS comparison charts
Research reports
Technical blog visuals
Startup landing pages
Product performance dashboards
Investor presentations
Benchmark and evaluation datasets

Designed for Modern AI & Data-Driven Interfaces

Whether you are publishing LLM evaluations, internal KPIs, coding benchmarks, or product rankings, Benchmark Bar helps transform flat statistics into visually credible UI components that feel native to high-end research and technology platforms.

*No Refunds

5b:[["$","$L5e",null,{"post":{"id":"019e6457-0304-787a-b4fd-389672a35068","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GeWx1wK37j8D7XEek88p","resolved":true,"title":"Benchmark Bar","body":"$5f","bodyJson":null,"introduction":"Turn raw data into polished visuals","slug":"benchmark-bar","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GeWx1wK37j8D7XEek88p/benchmark-bar-T0AP4imZNudBIbnaAwfxY1TZgINtkH","metadata":{"tint":"hsl(0 0% 57%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-05-13T16:58:37.327Z","updatedAt":"2026-05-26T10:24:16.704Z","publishedAt":"2026-05-26T12:51:24.548Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://benchmarkbar.framer.website/","price":"30","paymentUrl":"https://polar.sh/checkout/polar_c_N7tZRXX6TIKA7iMkVOhbPhtt87kUsSctHw83Q0s4421","workshop":true,"categories":[{"id":"367c9c1e-4f68-45ab-8981-56e69b3dda95","name":"Data","slug":"data"}],"lastSaveId":"9lSOmYGn4tFWu0NjeWFg"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T12:51:24.548Z","updatedAt":"2026-05-26T12:51:24.548Z","reported":false}}],["$","$L60",null,{"target":{"kind":"post","postId":"019e6457-0304-787a-b4fd-389672a35068"},"postId":"019e6457-0304-787a-b4fd-389672a35068","postAuthor":"$5b:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you