5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.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/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.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/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T959,

Vision Engine: turn any image or video into how a computer sees it

Vision Engine samples your media into a live grid of pixel values, the classic computer vision teardown, live. Numbers float over your photo, trace its edges, flag detections, or stand alone as pure data. Pick a preset and it runs. No code.

What you get

Works with images and video, sampled live
11 presets: Pixel Mosaic · Hero Overlay · Detect · Edge Trace · Hex Stream · Binary Field · Focus Scan · Noise Floor · Weight Map · Ghost Grid · Data Sheet
6 cell modes: Media Overlay · Color Cells · Mono Cells · Tint Cells · Data Sheet · Transparent
3 value formats: Decimal · Hex · Binary
3 analysis modes: Brightness · Edges · Threshold with detection boxes
4 emphasis styles: Uniform · Size · Fade · Faint
Scan animation: sweeping line or focus band, plus speed and flicker
Media dim, threshold, cell size, grid lines, contrast and brightness controls
Ink, paper and accent hex colors survive every preset switch
Transparent modes layer over any section background
In-canvas panel: visitors switch presets, tune values and upload their own media
Fast: pre-built glyph atlas, one draw per cell; pauses off screen, respects reduced motion, crisp static frame in the editor

Drop it behind a hero, into a card, or full-bleed as a section background for an instant AI product feel.

What's included:

Remix link to the Component.
Free updates. The remix link always carries the latest version
Email support: support@premshandilya.com

License: Single user: one designer, unlimited personal and commercial Framer projects, including client work. Multi user: your whole team, same unlimited use. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted under either license.

Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast.

5a:[["$","$L5d",null,{"post":{"id":"01a06576-af84-743a-a16e-803cc1530550","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b10633cd-e712-48eb-871a-ea0592a67fbc","name":"Prem Shandilya","slug":"prem-shandilya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b10633cd-e712-48eb-871a-ea0592a67fbc/dwlqme1i","followed":false,"followsYou":false},"media":[],"resources":[{"id":"v6hVJE55puui9DMcirSG","resolved":true,"title":"Vision Engine","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Vision Engine: turn any image or video into how a computer sees it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Vision Engine samples your media into a live grid of pixel values, the classic computer vision teardown, live. Numbers float over your photo, trace its edges, flag detections, or stand alone as pure data. Pick a preset and it runs. No code."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with images and video, sampled live"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"11 presets: Pixel Mosaic · Hero Overlay · Detect · Edge Trace · Hex Stream · Binary Field · Focus Scan · Noise Floor · Weight Map · Ghost Grid · Data Sheet"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 cell modes: Media Overlay · Color Cells · Mono Cells · Tint Cells · Data Sheet · Transparent"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 value formats: Decimal · Hex · Binary"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 analysis modes: Brightness · Edges · Threshold with detection boxes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 emphasis styles: Uniform · Size · Fade · Faint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scan animation: sweeping line or focus band, plus speed and flicker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media dim, threshold, cell size, grid lines, contrast and brightness controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ink, paper and accent hex colors survive every preset switch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transparent modes layer over any section background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In-canvas panel: visitors switch presets, tune values and upload their own media"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fast: pre-built glyph atlas, one draw per cell; pauses off screen, respects reduced motion, crisp static frame in the editor"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it behind a hero, into a card, or full-bleed as a section background for an instant AI product feel."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remix link to the Component."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free updates. The remix link always carries the latest version"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Email support: "},{"type":"text","text":"support@premshandilya.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@premshandilya.com","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"License:","marks":[{"type":"bold"}]},{"type":"text","text":" Single user: one designer, unlimited personal and commercial Framer projects, including client work. Multi user: your whole team, same unlimited use. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted under either license."}]},{"type":"paragraph","content":[{"type":"text","text":"Refunds:","marks":[{"type":"bold"}]},{"type":"text","text":" This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast."}]}]},"introduction":"See through Computer Eyes","slug":"vision-engine","author":{"framerUserId":"b10633cd-e712-48eb-871a-ea0592a67fbc","name":"Prem Shandilya","slug":"prem-shandilya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b10633cd-e712-48eb-871a-ea0592a67fbc/dwlqme1i","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b10633cd-e712-48eb-871a-ea0592a67fbc/01a06576-89a2-7378-b97d-82fb97f2f092.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-03T04:11:11.542Z","updatedAt":"2026-09-10T23:13:04.146Z","publishedAt":"2026-09-03T04:11:11.531Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://visionengine.framer.ai/","price":"15","paymentUrl":"https://contra.com/payment-link/ry3zv7Ic-vision-engine-single-user","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"fL3c0Sy6ZuOhkkMraLTt","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T04:11:12.132Z","updatedAt":"2026-09-03T04:11:12.132Z","reported":false}}],"$L5f"]

Suggested for you