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:T13bd,

Stream Bunny brings bunny.net Stream (HLS) into Framer as native code components: a real Video Player plus separate Controls that share state. You get the power of adaptive streaming and a fully customizable video player UI built directly on your canvas, not trapped inside an iframe embed.

Why not just use the Bunny embed?

Bunny.net’s default Stream player is an iframe. That works until you need real design control.

With an iframe you cannot restyle controls like Framer layers. You cannot place only the play button. You cannot put the timeline under the player or float controls anywhere in the layout. The embed decides the UI.

Stream Bunny breaks that pattern. Drop components. Skin them in Framer. Ship a layout that looks like your site, not a stock widget.

What you can build

Adaptive HLS playback from your Bunny Stream library (quality adapts to the network)
Video Player with Library ID, Video ID, and CDN host on the property panel
Controls as separate layers: play/pause, seekable progress, time display, volume, fullscreen
Shared player state across every control on the page
Templates for pre-composed player layouts (one free starter today; more rolling out over time)
Quality Picker (Pro) for manual rendition switching when you need it

Everything is layout-native: spacing, color, radius, typography, and position work like any other Framer component.

Components

Free tier (6 components)

BunnyVideoPlayer (HLS · adaptive quality)
BunnyPlayPauseButton
BunnyProgressBar (seekable)
BunnyTimeDisplay
BunnyVolumeSlider
BunnyFullscreenButton

Pro

BunnyQualityPickerButton (renditions · adaptive)
Idle Fade code override (fade layer after pointer idle)
Additional templates as they ship

Coming soon

Captions
Chapter markers

Templates

Pre-composed player layouts you can drop in one step instead of wiring every control by hand.

Free: one starter template (full-width hero-style layout).
Pro: additional templates as they ship (portfolio reels, grids, tutorials, and similar layouts).
More layouts are added over time; names and lineup may change between releases.

Pricing

Free

5 canvas inserts per workspace
All six free components
One starter template

Stream Bunny Pro · $49 once · lifetime updates

Unlimited canvas inserts
Quality Picker
Pro templates and features as they ship
Priority email support

Purchase on Polar. You receive a license key by email. Open the plugin → Account → paste the key → Activate.

Requirements

A Framer project (latest plugin runtime)
A bunny.net account with a Stream library and at least one encoded video
Paste Library ID, Video ID, and CDN host on the Player (no Bunny API key in Framer)

Clean projects

By default, the plugin inserts published Framer module instances. Your project does not get a pile of .tsx source files unless you use maintainer embed mode. Your canvas stays clean.

Privacy

No analytics, tracking, or telemetry
License activation validates your key via a small API (Polar); only the key is sent
Insert count and license key are stored locally in your browser

Open source components: https://github.com/wearestokt/bunny-stream-official

Support

Questions or playback help: hello@wearestokt.comBuilt by Stōkt · https://wearestokt.com

5a:[["$","$L5d",null,{"post":{"id":"019e486a-e93b-75e3-b71b-8392ade1378d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6bb69307-087c-49b3-b3cc-0a8999855f1d","name":"Stōkt","slug":"wearestokt","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/110054/STOKT-CREATIVE-CO-BRANDING-01-Vg8u0ayr7EnzkYCH2I0XzrNMk6n2Pf.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1186","resolved":true,"title":"Stream Bunny","body":"$5e","bodyJson":null,"introduction":"Stream Bunny ","slug":"stream-bunny","author":{"framerUserId":"6bb69307-087c-49b3-b3cc-0a8999855f1d","name":"Stōkt","slug":"wearestokt","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/110054/STOKT-CREATIVE-CO-BRANDING-01-Vg8u0ayr7EnzkYCH2I0XzrNMk6n2Pf.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1186-IHKAbNpw13KWa1YVj6ZjOqmqVxy6u3","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1186-PHJxs2V4WjaPD0ZwCZuS1Q8gPHbxwH","metadata":{"tint":{"h":10,"s":81,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-19T11:28:07.012Z","updatedAt":"2026-05-19T11:40:58.379Z","publishedAt":"2026-05-21T02:43:46.619Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"az8u63xppwb5p7uqx1jrd6f3t","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-21T02:43:46.619Z","updatedAt":"2026-05-21T02:43:46.619Z","reported":false}}],"$L5f"]

Suggested for you