56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:T6f1,

Looking for a Framer gauge or animated dashboard component? Neon Gauge Cluster is a three-dial neon speedometer and rolling-digit counter for Framer — the look of a premium fintech or automotive HUD, drop-in on any frame.

How to install this gauge cluster in your Framer project

1. Buy or Copy Component from the Marketplace

2. Paste into your Framer project (Cmd/Ctrl+V)

3. Drop Neon Gauge Cluster on the canvas

4. Set Blue / Magenta / Lime values, Gap, Padding, and Background in the properties panel

Works as a SaaS dashboard hero, analytics landing section, EV / automotive meter strip, fitness or crypto KPI row, or portfolio flex piece. Fully responsive — scales from Phone to ultrawide.

Features

• Three independent neon gauges with synced sweep + rolling digit readouts

• Blue, Magenta, Lime value controls (plus Gap, Padding, Background)

• Neon arc with glowing leading edge — dashboard redline energy without extra deps

• Any unit string (km/h, mph, %, rpm, $, users) — your call

• Pure SVG + React Framer code component — zero npm dependencies

• Demo-ready defaults (94 / 36 / 89) matching the Marketplace preview

Who it's for

SaaS dashboards, analytics landings, automotive / EV sites, fitness apps, crypto and fintech heroes — anywhere a static number should feel alive.

Technical

Framer code component, React 18 / TypeScript. No external deps. All modern browsers. Intrinsic ~1200×420; any-size layout.

What's included

NeonGaugeCluster component · three configurable dials · property controls for values, spacing, and chrome

Made by triggermarketing.us

53:[["$","$L56",null,{"post":{"id":"01a0877b-c312-768f-abb8-fd6bb745971c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"eebe4cd7-f33d-401c-811f-7d8f2526a273","name":"Ryan Pourtemour","slug":"ryan-pourtemour","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/56800/09c3c66b40eed7b3f0e2b760346fc901-kEDNFYWqBPJ1cctkKNnMr3IVKA4dFU","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZsRgFaiIIT9NLR6dfBoU","resolved":true,"title":"Neon Gauge Cluster","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Looking for a Framer gauge or animated dashboard component? Neon Gauge Cluster is a three-dial neon speedometer and rolling-digit counter for Framer — the look of a premium fintech or automotive HUD, drop-in on any frame."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"How to install this gauge cluster in your Framer project"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Buy or Copy Component from the Marketplace"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Paste into your Framer project (Cmd/Ctrl+V)"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Drop Neon Gauge Cluster on the canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Set Blue / Magenta / Lime values, Gap, Padding, and Background in the properties panel"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Works as a SaaS dashboard hero, analytics landing section, EV / automotive meter strip, fitness or crypto KPI row, or portfolio flex piece. Fully responsive — scales from Phone to ultrawide."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"• Three independent neon gauges with synced sweep + rolling digit readouts"}]},{"type":"paragraph","content":[{"type":"text","text":"• Blue, Magenta, Lime value controls (plus Gap, Padding, Background)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Neon arc with glowing leading edge — dashboard redline energy without extra deps"}]},{"type":"paragraph","content":[{"type":"text","text":"• Any unit string (km/h, mph, %, rpm, $, users) — your call"}]},{"type":"paragraph","content":[{"type":"text","text":"• Pure SVG + React Framer code component — zero npm dependencies"}]},{"type":"paragraph","content":[{"type":"text","text":"• Demo-ready defaults (94 / 36 / 89) matching the Marketplace preview"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Who it's for"}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS dashboards, analytics landings, automotive / EV sites, fitness apps, crypto and fintech heroes — anywhere a static number should feel alive."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Technical"}]},{"type":"paragraph","content":[{"type":"text","text":"Framer code component, React 18 / TypeScript. No external deps. All modern browsers. Intrinsic ~1200×420; any-size layout."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What's included"}]},{"type":"paragraph","content":[{"type":"text","text":"NeonGaugeCluster component · three configurable dials · property controls for values, spacing, and chrome"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Made by triggermarketing.us"}]}]},"introduction":"3 neon dials · rolling digits","slug":"neon-gauge-cluster","author":{"framerUserId":"eebe4cd7-f33d-401c-811f-7d8f2526a273","name":"Ryan Pourtemour","slug":"ryan-pourtemour","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/56800/09c3c66b40eed7b3f0e2b760346fc901-kEDNFYWqBPJ1cctkKNnMr3IVKA4dFU","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eebe4cd7-f33d-401c-811f-7d8f2526a273/01a0877b-3f99-76fe-90c0-cc83104cae8b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1280,"height":656}}],"post":null,"createdAt":"2026-09-09T18:43:49.522Z","updatedAt":"2026-09-09T18:43:49.522Z","publishedAt":"2026-09-09T18:43:49.519Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://neon-gauge-cluster.framer.website/","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_YM8SElC53swN00gkXi7v6oUv0efUFuK6yye7x0HYPT3","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"ghC1QrRlQx80iXX2z9kk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-09T18:43:50.162Z","updatedAt":"2026-09-09T18:43:50.162Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you