62: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"] 63:T89d,

Customize the appearance and behavior of scrollable containers. Adjust the scrollbar width, colors, border radius, visibility, and scroll settings to match your design.

Features

Custom scrollbar width
Custom track and thumb colors
Custom thumb hover color
Custom thumb border radius
Show or hide scrollbars
Enable or disable horizontal scrolling
Enable or disable vertical scrolling
Support for multiple independently styled scrollable containers on the same page

How to Use

Add the Scrollbar Customizer component to your page.
Enter a unique Custom Class Name in the component settings.
Apply the matching class name override to the scrollable container you want to customize.
Adjust the scrollbar settings to match your design.

To style multiple scrollable containers differently, add additional Scrollbar Customizer components and assign a different class name to each one.

Code Override

This component uses class names to target scrollable containers. To get the code override used to apply a custom class name to a container, simply remix the Scrollbar Customizer Demo Project.

Demo Project Remix Link: https://framer.link/KP0XH17

The demo project also includes a Page Scrollbar Customizer component. It customizes the browser's page scrollbar using global CSS. Because of this, it is not suitable for publication to the Framer Marketplace under the current review guidelines. By using that component, you acknowledge that it applies global CSS to the page.

Notes

Container scrollbar customization requires a matching class name applied through the provided code override.
The target container must have scrolling enabled for the scrollbar to appear.
Scrollbar styling support may vary between browsers.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-99beb4ee-6d23-4152-9500-4ffd067afdef-all:/unified/creator/99beb4ee-6d23-4152-9500-4ffd067afdef/activity/":[{"data":[{"id":"019f2b51-9953-747c-b465-ecb9ee4a1116","type":"creator.followed","target":{"type":"creator","id":"ef5943a8-d53e-4183-a0cc-922c3f7e78dd","preview":"Mejed Alkoutaini","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28823/avatar-n6mh4YEcXV4xptbHhcU60cX7RCb5QA.jpg","slug":"mejed-alkoutaini","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-04T04:09:55.786Z","latestAt":"2026-07-04T04:09:55.786Z"},{"id":"019f090a-6e1f-76cb-b34d-342464f0b7d7","type":"creator.followed","target":{"type":"creator","id":"2296a35b-5be2-4e74-90d9-1bd5ac814a0f","preview":"Magnus Myhre","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/628306/avatar-lTeANlFcQtGQ5xzYMCwD5tSluHiTgO.jpg","slug":"magnus-myhre","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-27T12:25:06.331Z","latestAt":"2026-06-27T12:25:06.331Z"},{"id":"019f090a-4b28-723c-8c17-790fa0b928ea","type":"template.liked","target":{"type":"template","id":"64323","preview":"Voss","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2296a35b-5be2-4e74-90d9-1bd5ac814a0f/g0pl5sew","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-27T12:24:57.378Z","latestAt":"2026-06-27T12:24:57.378Z"},{"id":"019effe5-7c03-7762-ac87-dc3a154583d6","type":"component.created","target":{"type":"component","id":"jkZid6LflDTbsOpKOsRP","preview":"Scrollbar Customizer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/gb1p2fsj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-25T17:48:10.115Z","latestAt":"2026-06-25T17:48:10.115Z"},{"id":"019efa44-ada3-71ed-839a-0bfc3d8f8571","type":"creator.followed","target":{"type":"creator","id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","preview":"Jorn van Dijk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29589/cqFVF7952-l2jqnGwomkIsBoDtYdLMJIesrijJId","slug":"jornvandijk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T15:34:25.430Z","latestAt":"2026-06-24T15:34:25.430Z"},{"id":"019ef908-3bc5-76d9-8529-33f0378c5c93","type":"component.liked","target":{"type":"component","id":"ASBc1ef9xwzJm1V821Fk","preview":"LightboxPro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ASBc1ef9xwzJm1V821Fk/lightboxpro-5ViX5lMQAe2HW87OYROadrmokSXRHg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-24T09:48:46.913Z","latestAt":"2026-06-24T09:48:46.913Z"},{"id":"019ef8e9-9059-731c-9406-4f84a377b896","type":"creator.followed","target":{"type":"creator","id":"728b8b8e-33d1-4373-8c00-2672a09b31a3","preview":"Pawel Gola","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28812/pu0Zsy1TeRM8AAU6mj4hdJgXT3s-GN1lrIZKY7UOMYjI55N6GGfktUDddx.jpg","slug":"pawel-gola","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T09:15:16.949Z","latestAt":"2026-06-24T09:15:16.949Z"},{"id":"019ef8e9-7e16-750d-b169-da86c4dcc0a2","type":"post.liked","target":{"type":"post","id":"019ee932-3baa-749e-b0cb-872e6e62225e","preview":"More small details from my next template. \n@Framer just makes it too easy to create those animations. 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More small details from my next template. "}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" just makes it too easy to create those animations. "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":"https://image.mux.com/DBsjohXYHqRZB3oAuiUcSttAdg4Qoe71MagnRc9ES6Q/thumbnail.webp?time=5.967","targetDeleted":false,"owned":false,"actions":{"postId":"019ee932-3baa-749e-b0cb-872e6e62225e","like":{"count":34,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T09:15:12.266Z","latestAt":"2026-06-24T09:15:12.266Z"},{"id":"019ef821-76cc-7462-9ddf-e46cda1e66d2","type":"post.liked","target":{"type":"post","id":"019eeaab-2633-717e-a65d-44b5d14dccdd","preview":"The website that got me accepted as a Framer Expert within an hour of applying. 🥸","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The website that got me accepted as a Framer Expert within an hour of applying. "},{"type":"emoji","attrs":{"name":"disguised_face","emoji":"🥸"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/CYgcKlqFlzmsVjkpl5HR00ybR2xA5SzAceXBopfcvnms/thumbnail.webp?time=17.067","targetDeleted":false,"owned":false,"actions":{"postId":"019eeaab-2633-717e-a65d-44b5d14dccdd","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T05:36:43.208Z","latestAt":"2026-06-24T05:36:43.208Z"},{"id":"019ef791-b12b-744a-bc61-8495619d14cd","type":"template.liked","target":{"type":"template","id":"66720","preview":"SmileJoy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8547f9b6-cb91-4598-8d82-da320be55ee7/wx3kcw4q","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-24T02:59:40.963Z","latestAt":"2026-06-24T02:59:40.963Z"},{"id":"019ef5a1-fbee-749c-9936-0c8863216f42","type":"template.liked","target":{"type":"template","id":"67251","preview":"Estateva","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fc522000-8e41-4a7d-8465-71455de6f944/dxrrp1ej","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T17:58:14.250Z","latestAt":"2026-06-23T17:58:14.250Z"},{"id":"019ef59f-edfc-745f-856a-1ce3a187b845","type":"template.liked","target":{"type":"template","id":"64884","preview":"Quren","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/689d125f-1a30-4a92-93ce-939f0e5b594a/5dlxmwhd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T17:55:59.609Z","latestAt":"2026-06-23T17:55:59.609Z"},{"id":"019ef466-c336-7125-97f9-49b78071f7d2","type":"template.liked","target":{"type":"template","id":"64153","preview":"Mocco Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64153/mocco-studio-ZOioEFOTMJEO79gRsM28vUOYI8kvBt","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T12:13:55.889Z","latestAt":"2026-06-23T12:13:55.889Z"},{"id":"019ef427-77e8-775d-8879-a4ff9dd9bc23","type":"post.liked","target":{"type":"post","id":"019ef402-2185-75ef-92d1-2eff1a2c5190","preview":"Template with 30K remixes.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Template with 30K remixes."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef402-2185-75ef-92d1-2eff1a2c5190","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T11:04:47.842Z","latestAt":"2026-06-23T11:04:47.842Z"},{"id":"019ef41a-26b8-748c-bc42-804a66d00a12","type":"creator.followed","target":{"type":"creator","id":"8f3ab624-224a-405f-bb7c-44c2296eecab","preview":"Basecom","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8f3ab624-224a-405f-bb7c-44c2296eecab/mb9o19ft","slug":"basecom","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T10:50:15.090Z","latestAt":"2026-06-23T10:50:15.090Z"},{"id":"019ef41a-1f92-7594-b98e-a2488045b144","type":"template.liked","target":{"type":"template","id":"67983","preview":"Kreative Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8f3ab624-224a-405f-bb7c-44c2296eecab/n3p7ex4k","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T10:50:13.260Z","latestAt":"2026-06-23T10:50:13.260Z"},{"id":"019ef419-f4e2-717b-ac83-5a3cf828b19d","type":"comment.created","target":{"type":"post","id":"019ef377-f282-7654-8a5d-f1b93e8b87af","preview":"Kreative Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8f3ab624-224a-405f-bb7c-44c2296eecab/n3p7ex4k","targetDeleted":false,"owned":false,"actions":{"postId":"019ef377-f282-7654-8a5d-f1b93e8b87af","like":{"count":72,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ef419-f4c8-734a-8fcc-3bf91881065e","preview":"Love the playful simplicity","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love the playful simplicity"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef377-f282-7654-8a5d-f1b93e8b87af","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef419-f4c8-734a-8fcc-3bf91881065e"},"repost":null}},"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T10:50:02.338Z","latestAt":"2026-06-23T10:50:02.338Z"},{"id":"019ef416-ba30-73c5-bc4e-82f431f947f9","type":"comment.reply","target":{"type":"post","id":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","preview":"EmmaShots","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/6k3sm20c","targetDeleted":false,"owned":true,"actions":{"postId":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ef416-b9ff-7183-a13a-f8838d68805d","preview":"Thank you ❤️","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you ❤️"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ef40f-c32a-73db-a750-41140e76e9cc"},"repost":null}},"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T10:46:30.704Z","latestAt":"2026-06-23T10:46:30.704Z"},{"id":"019ef416-57a0-7241-aeed-a69515e79184","type":"comment.liked","target":{"type":"comment","id":"019ef40f-c32a-73db-a750-41140e76e9cc","preview":"The presentation is spot on.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The presentation is spot on."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef40f-c32a-73db-a750-41140e76e9cc"},"repost":null}},"context":{"type":"post","id":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","preview":"EmmaShots","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/6k3sm20c","targetDeleted":false,"owned":true,"actions":{"postId":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T10:46:05.467Z","latestAt":"2026-06-23T10:46:05.467Z"},{"id":"019ef410-7e02-740c-ba70-3003a906c9ac","type":"post.liked","target":{"type":"post","id":"019eee89-b662-7732-8e89-a357688ec160","preview":"I've been playing around with a stoic-themed template. Not sure if it's a great idea or a completely terrible one 😬\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been playing around with a stoic-themed template. Not sure if it's a great idea or a completely terrible one "},{"type":"emoji","attrs":{"name":"grimacing","emoji":"😬"}}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/zjUecVJh9mz3DAD1Wbvvdq00jm02Vg9hz4fjlDY400HbDM/thumbnail.webp?time=1.592","targetDeleted":false,"owned":false,"actions":{"postId":"019eee89-b662-7732-8e89-a357688ec160","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","slug":"vibiniks","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T10:39:42.077Z","latestAt":"2026-06-23T10:39:42.077Z"}],"pagination":{"next":"MjAyNi0wNi0yM1QxMDozOTo0Mi4wNzdafDAxOWVmNDEwLTdlMDItNzQwYy1iYTcwLTMwMDNhOTA2YzlhYw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:99beb4ee-6d23-4152-9500-4ffd067afdef:/unified/posts/?creator=99beb4ee-6d23-4152-9500-4ffd067afdef&with=reposts":[{"data":[{"id":"019effe5-7bc6-732a-ae54-97624597a9d8","title":null,"body":"

Style container scrollbars with custom width, colors, radius, visibility, and scroll direction controls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Style container scrollbars with custom width, colors, radius, visibility, and scroll direction controls."}]}]},"author":{"framerUserId":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","slug":"vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jkZid6LflDTbsOpKOsRP","resolved":true,"title":"Scrollbar Customizer","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the appearance and behavior of scrollable containers. Adjust the scrollbar width, colors, border radius, visibility, and scroll settings to match your design."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom scrollbar width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom track and thumb colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom thumb hover color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom thumb border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show or hide scrollbars"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable or disable horizontal scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable or disable vertical scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support for multiple independently styled scrollable containers on the same page"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the Scrollbar Customizer component to your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enter a unique "},{"type":"text","text":"Custom Class Name","marks":[{"type":"bold"}]},{"type":"text","text":" in the component settings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Apply the matching class name override to the scrollable container you want to customize."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the scrollbar settings to match your design."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"To style multiple scrollable containers differently, add additional Scrollbar Customizer components and assign a different class name to each one."}]},{"type":"customHeading","content":[{"type":"text","text":"Code Override"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This component uses class names to target scrollable containers. To get the code override used to apply a custom class name to a container, simply remix the "},{"type":"text","text":"Scrollbar Customizer Demo Project","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Demo Project Remix Link:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://framer.link/KP0XH17","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/KP0XH17","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"The demo project also includes a "},{"type":"text","text":"Page Scrollbar Customizer","marks":[{"type":"bold"}]},{"type":"text","text":" component. It customizes the browser's page scrollbar using global CSS. Because of this, it is not suitable for publication to the Framer Marketplace under the current review guidelines. "},{"type":"text","text":"By using that component, you acknowledge that it applies global CSS to the page.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Notes"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Container scrollbar customization requires a matching class name applied through the provided code override."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The target container must have scrolling enabled for the scrollbar to appear."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scrollbar styling support may vary between browsers."}]}]}]}]},"introduction":"Custom Scrollbar for Containers","slug":"scrollbar-customizer","author":{"framerUserId":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","slug":"vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/gb1p2fsj","metadata":{"tint":{"h":330,"s":41,"l":64},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-25T17:48:10.024Z","updatedAt":"2026-06-27T11:28:13.971Z","publishedAt":"2026-06-25T17:48:10.022Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Component-ScrollbarCustomizer-TsYAW1.js@zslM54fOxmCaRomrA9l3","previewUrl":"https://scrollbar-customizer.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"zslM54fOxmCaRomrA9l3","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-06-27T09:37:48.472Z","createdAt":"2026-06-25T17:48:10.054Z","updatedAt":"2026-06-27T09:37:48.472Z"},{"id":"019ee88e-c1e1-714d-bb1b-3bcc29be903e","title":null,"body":"

Showcase your expertise, build trust with your ideal clients, and turn curious visitors into booked inquiries.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase your expertise, build trust with your ideal clients, and turn curious visitors into booked inquiries."}]}]},"author":{"framerUserId":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","slug":"vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"67777","resolved":true,"title":"EmmaShots","body":"

Website Framer Template

Showcase your expertise, build trust with your ideal clients, and turn curious visitors into booked inquiries.

View Website Demo →

Get Free Figma Design File →

Client Guide Figma Template

Create an elevated client experience that builds credibility and keeps everything your clients need in one polished guide.

View Guide Demo →

Get Free Guide Template →

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Website Framer Template"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Showcase your expertise, build trust with your ideal clients, and turn curious visitors into booked inquiries."}]},{"type":"paragraph","content":[{"type":"text","text":"View Website Demo →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://emmashots.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Free Figma Design File →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://vibiniks.gumroad.com/l/emmashots-photography-template","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Client Guide Figma Template"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create an elevated client experience that builds credibility and keeps everything your clients need in one polished guide."}]},{"type":"paragraph","content":[{"type":"text","text":"View Guide Demo →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://heyzine.com/flip-book/4fcd890b40.html","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Free Guide Template →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://vibiniks.gumroad.com/l/emmashots-photography-template","target":"_blank"}}]}]}]},"introduction":"Wedding Photography Site & Guide","slug":"emmashots","author":{"framerUserId":"99beb4ee-6d23-4152-9500-4ffd067afdef","name":"Vibiniks","slug":"vibiniks","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/166803/avatar-hE1gyAIcpdf2Aj4uLUzvt040FlN3Al.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/6k3sm20c","metadata":{"tint":{"h":0,"s":8,"l":19},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/j3m1g7j9","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/99beb4ee-6d23-4152-9500-4ffd067afdef/arugpilh","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-21T05:02:10.369Z","updatedAt":"2026-07-18T14:03:44.434Z","publishedAt":"2026-06-21T05:02:10.367Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/QdzHuac","remixUrl":"https://framer.link/QdzHuac","previewUrl":"https://emmashots.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":17,"name":"Photography","slug":"photography"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":216,"name":"Film & Actor","slug":"film-and-actor"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":293,"name":"Weddings","slug":"weddings"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T05:02:10.401Z","updatedAt":"2026-06-21T05:02:10.401Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]