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

A private villa website template built for boutique stays, vacation rentals, and small hospitality businesses.

What's included:

Fully CMS-connected Rooms and Activities sections - swap in your own property's photos and content without touching layout
A dynamic gallery layout with an automatic mixed-size grid, so images stay visually varied as you add or remove content
A dedicated Villa detail page with room-by-room breakdown, amenities, and house details
Custom scroll and reveal animations, used selectively
Fully responsive across mobile, tablet, and desktop
Contact form
Custom 404 page

Design direction: warm, editorial, and grounded in place: stone, olive, and natural light instead of the generic luxury-resort look most hospitality templates default to.

Best for: villa owners, boutique guesthouses, vacation rental hosts, or small hospitality brands who want a website that feels personal.

Questions?

Have questions about this template, or need something custom built for your own project? Reach out, I design and build in Framer for hospitality, product, and small business sites, and I'm happy to help.

64:T5a1,

Scrolling Arrow

A scroll-driven arrow indicator that shrinks as the user moves down the page - a subtle, satisfying cue that there's more to explore.

The arrow starts at full length and its tail gradually draws upward toward the tip as the page scrolls, disappearing entirely when the bottom is reached. Motion is spring-smoothed for a natural, physical feel rather than a mechanical linear fade.

Features

Scroll-linked animation tied to full-page progress
Spring physics for smooth, natural motion
Auto-hides at the end of the page
Fully visible in the Framer canvas for easy positioning
Zero layout impact — non-interactive and pointer-events free

Property Controls

Color - match any brand or design system
Max Length - controls how tall the arrow starts (50–800px)
Thickness - stroke weight of the line and tip (1–20px)
Arrow Tip Size - scales the arrowhead independently (5–100px)
Scale - uniform scale override (0.1–2×)

Best used on hero sections, landing pages, and long-scroll layouts where you want to invite the user downward without a distracting UI element.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-74c96654-5086-4c4c-9b6a-0fbba4e7947d-all:/unified/creator/74c96654-5086-4c4c-9b6a-0fbba4e7947d/activity/":[{"data":[{"id":"01a0bf03-c9a8-73cd-8004-e9278eac527a","type":"comment.reply","target":{"type":"post","id":"01a042d9-1a5e-737d-b274-64c32024a75e","preview":"Villa Doma","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/01a042d7-0840-7406-a204-1faedd70a62a.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a042d9-1a5e-737d-b274-64c32024a75e","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0bf03-c991-75cf-9797-0dfac266f9f9","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a042d9-1a5e-737d-b274-64c32024a75e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b54d-2383-70c9-bffe-851a99fd4619"},"repost":null}},"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T13:31:31.624Z","latestAt":"2026-09-20T13:31:31.624Z"},{"id":"01a04dd6-4cf5-74df-8665-ed75769e7bee","type":"creator.followed","target":{"type":"creator","id":"e1af7305-3d64-4054-8d78-41972a97341c","preview":"Zoe P.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1af7305-3d64-4054-8d78-41972a97341c/46zap623","slug":"zoe-p","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T14:04:45.168Z","latestAt":"2026-08-29T14:04:45.168Z"},{"id":"01a04dd6-25cd-744e-8298-cb9d18b33c3e","type":"creator.followed","target":{"type":"creator","id":"efdded77-3c71-4bb2-a61d-30ef6282cbf5","preview":"David Bagdasaryan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/fwwmlizx","slug":"dtaw","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T14:04:35.141Z","latestAt":"2026-08-29T14:04:35.141Z"},{"id":"01a04dd5-936c-7068-b886-40f38e838272","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T14:03:57.666Z","latestAt":"2026-08-29T14:03:57.666Z"},{"id":"01a042d9-1c85-725b-ab7c-a84a682aeb92","type":"template.created","target":{"type":"template","id":"71961","preview":"Villa Doma","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/01a042d7-0840-7406-a204-1faedd70a62a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-27T10:52:00.005Z","latestAt":"2026-08-27T10:52:00.005Z"},{"id":"019f5f77-5b3e-7238-8a28-7beb2afe4239","type":"creator.followed","target":{"type":"creator","id":"4164956a-7177-4789-b8ea-5567983998f4","preview":"Domenico Griffo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4164956a-7177-4789-b8ea-5567983998f4/oft9a3s0","slug":"domegriffo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T07:11:25.496Z","latestAt":"2026-07-14T07:11:25.496Z"},{"id":"019f2768-b9d1-7159-b653-1641f640b59e","type":"post.liked","target":{"type":"post","id":"019f2763-ef42-7508-aca9-878d52722fe2","preview":"AI can generate. Taste is still the differentiator.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AI can generate. Taste is still the differentiator."}]}]},"thumbnail":"https://image.mux.com/qZToiuiqnhyFYQhaeVMohtz2GS02txuJlPBCr6008OpU8/thumbnail.webp?time=28.463","targetDeleted":false,"owned":false,"actions":{"postId":"019f2763-ef42-7508-aca9-878d52722fe2","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T09:56:42.568Z","latestAt":"2026-07-03T09:56:42.568Z"},{"id":"019f12ea-904c-754a-a086-234dae1b6291","type":"component.liked","target":{"type":"component","id":"1ZwVJZHTCfy6tIg98lod","preview":"Scroll Zoom Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1ZwVJZHTCfy6tIg98lod/scroll-zoom-reveal-wndGyH9ws2a8TEl3CSx0kkf4JdBHIN","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-29T10:26:30.087Z","latestAt":"2026-06-29T10:26:30.087Z"},{"id":"019ed62b-cc56-7644-8307-3a0eb14e0869","type":"creator.followed","target":{"type":"creator","id":"c7402719-b2d2-4789-8218-ea705ead84d8","preview":"Armand Luxey","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7402719-b2d2-4789-8218-ea705ead84d8/ni9j7vi9","slug":"armand-luxey","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:20:55.122Z","latestAt":"2026-06-17T15:20:55.122Z"},{"id":"019ed4e5-498b-771f-ac6f-1762d8932477","type":"component.created","target":{"type":"component","id":"rkuz3DmZNcUUqxWigSTe","preview":"Scroll arrow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/plevr088","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","slug":"gyte-tama","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T09:24:16.907Z","latestAt":"2026-06-17T09:24:16.907Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:74c96654-5086-4c4c-9b6a-0fbba4e7947d:/unified/posts/?creator=74c96654-5086-4c4c-9b6a-0fbba4e7947d&with=reposts":[{"data":[{"id":"01a042d9-1a5e-737d-b274-64c32024a75e","title":null,"body":"

My first template on Framer — Villa Doma, a boutique villa site built for slow travel and quiet hospitality brands. Free to use.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first template on Framer — Villa Doma, a boutique villa site built for slow travel and quiet hospitality brands. Free to use."}]}]},"author":{"framerUserId":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","slug":"gyte-tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71961","resolved":true,"title":"Villa Doma","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A private villa website template built for boutique stays, vacation rentals, and small hospitality businesses. "}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully CMS-connected Rooms and Activities sections - swap in your own property's photos and content without touching layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A dynamic gallery layout with an automatic mixed-size grid, so images stay visually varied as you add or remove content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A dedicated Villa detail page with room-by-room breakdown, amenities, and house details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom scroll and reveal animations, used selectively "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across mobile, tablet, and desktop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 404 page"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design direction:","marks":[{"type":"bold"}]},{"type":"text","text":" warm, editorial, and grounded in place: stone, olive, and natural light instead of the generic luxury-resort look most hospitality templates default to."}]},{"type":"paragraph","content":[{"type":"text","text":"Best for: villa owners, boutique guesthouses, vacation rental hosts, or small hospitality brands who want a website that feels personal."}]},{"type":"paragraph","content":[{"type":"text","text":"Questions?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions about this template, or need something custom built for your own project? Reach out, I design and build in Framer for hospitality, product, and small business sites, and I'm happy to help."}]}]},"introduction":"Rental property website","slug":"villa-doma","author":{"framerUserId":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","slug":"gyte-tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/01a042d7-0840-7406-a204-1faedd70a62a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/01a042d8-0296-7519-a765-492842ae7576.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/01a042d8-02c6-73c8-97ec-88e9776d2806.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/01a042d8-0292-77ea-9844-5c150874d9c6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-08-27T10:51:58.867Z","updatedAt":"2026-08-27T10:51:58.867Z","publishedAt":"2026-08-27T10:51:58.861Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/788fu9j","remixUrl":"https://framer.link/788fu9j","previewUrl":"https://villa-doma-template.framer.website/","categories":[{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":258,"name":"Travel","slug":"travel"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":288,"name":"Hotels","slug":"hotels"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-27T10:51:59.454Z","updatedAt":"2026-08-27T10:51:59.454Z"},{"id":"019ed4e5-4945-75af-b398-8a6361ff1259","title":null,"body":"

A scroll-driven arrow that shrinks as you scroll — and disappears when you reach the bottom. Fully customizable in the Framer canvas.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven arrow that shrinks as you scroll — and disappears when you reach the bottom. Fully customizable in the Framer canvas."}]}]},"author":{"framerUserId":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","slug":"gyte-tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rkuz3DmZNcUUqxWigSTe","resolved":true,"title":"Scroll arrow","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scrolling Arrow","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven arrow indicator that shrinks as the user moves down the page - a subtle, satisfying cue that there's more to explore."}]},{"type":"paragraph","content":[{"type":"text","text":"The arrow starts at full length and its tail gradually draws upward toward the tip as the page scrolls, disappearing entirely when the bottom is reached. Motion is spring-smoothed for a natural, physical feel rather than a mechanical linear fade."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-linked animation tied to full-page progress"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring physics for smooth, natural motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-hides at the end of the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully visible in the Framer canvas for easy positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero layout impact — non-interactive and pointer-events free"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Property Controls","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color","marks":[{"type":"bold"}]},{"type":"text","text":" - match any brand or design system"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Max Length","marks":[{"type":"bold"}]},{"type":"text","text":" - controls how tall the arrow starts (50–800px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Thickness","marks":[{"type":"bold"}]},{"type":"text","text":" - stroke weight of the line and tip (1–20px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrow Tip Size","marks":[{"type":"bold"}]},{"type":"text","text":" - scales the arrowhead independently (5–100px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scale","marks":[{"type":"bold"}]},{"type":"text","text":" - uniform scale override (0.1–2×)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Best used on","marks":[{"type":"bold"}]},{"type":"text","text":" hero sections, landing pages, and long-scroll layouts where you want to invite the user downward without a distracting UI element."}]}]},"introduction":"Disappear the arrow with scroll","slug":"scroll-arrow","author":{"framerUserId":"74c96654-5086-4c4c-9b6a-0fbba4e7947d","name":"Gyte Tama","slug":"gyte-tama","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/sokencc7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74c96654-5086-4c4c-9b6a-0fbba4e7947d/plevr088","metadata":{"tint":{"h":0,"s":0,"l":57},"width":883,"height":483}}],"post":null,"createdAt":"2026-06-17T09:24:16.800Z","updatedAt":"2026-06-17T09:24:16.800Z","publishedAt":"2026-06-17T09:24:16.796Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Arrow-a8tiwO.js@peRV1kSYa1LbnWSNN3C7","previewUrl":"https://scrollarrowcomponent.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"peRV1kSYa1LbnWSNN3C7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":76,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T09:24:16.837Z","updatedAt":"2026-06-17T09:24:16.837Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]