52:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 53:T832,

A hero section built around an interactive text animation: a curtain of hanging letters between a background image and a cut-out foreground. Move the cursor across it and the strands part, swing back and ring; the glyphs you touch translate into your own words.

Text effect, cursor interaction, physics and sound in one component. No plugins, no setup: drop it on the page, upload two images, type your words.

WHAT YOU CAN CHANGE

- Images: any background, any cut-out PNG in front. The curtain is cut to the shape of the transparent area by itself

- Words: each strand repeats one of your words, one letter per bead, in any alphabet

- Look: alien signs that translate on hover, or plain letters always readable. Colors, size, spacing, tint from the image

- Physics: gravity, swing, wind, cursor reach and strength, parallax

- Sound: glass chimes or an eerie "alien" tone with a low drone. Off until the visitor turns it on

- Text: title, paragraph, fonts, colors, hint, credit

BUILT PROPERLY

- Responsive: its own layout and framing for phones, works with mouse and touch

- One screen tall on the live site, whatever the frame size

- Light on the page: starts when the browser is idle and lowers its own resolution on slow devices

- Respects "reduce motion" settings

- Still, silent preview inside the Framer editor

INCLUDED

- The code component

- 2 demo scenes for the same background, plus the Earth image

- Install guide and commercial license

Great for: landing page heroes, portfolio intros, product launches, sci-fi and cinematic sites, storytelling pages, event and music sites.

The demo images were created with generative AI tools.

License: the Marketplace badge reads "Single-Use", but this component comes with a broader license: one person or one company, unlimited projects, personal or for clients, with no reselling or redistribution of the component or its media.

54:T4dd,

Scroll and you walk into the house.

Villa Aurelia is a template for one villa, holiday home or boutique stay. Guests arrive at the open front door, pause in daylight to learn what the house is, then walk through the living room, the kitchen and the bedroom, and step onto the terrace at sunset, where the booking card opens.

- Scroll-driven video, forwards and backwards, with a separate cut for phones

- Room captions that open as you walk through the house

- Day and night themes, switchable by visitors

- Booking card with a live price estimate (opens the guest's email app, no server)

- Reviews drifting in two rows, amenities with icons, distances to scale, FAQ

- Full-screen menu with rolling italic links

- Mobile like an app: swipeable cards, floating booking bar

- Every text, photo, video and price editable from the properties panel

- Custom 404 and privacy page

- Bonus: the full Next.js source code is included

Perfect for villas, holiday homes, Airbnb hosts, boutique hotels, agriturismi and real estate agents.

Demo house, names and footage are fictional; footage is AI-generated. Replace it with your own.

55:T6e9,

Tokyo Skyline Pro is a scroll-driven video hero. The visitor starts inside a room at sunset; scrolling pushes the camera through the window and out over the city. At the end your brand mark forms in the sky and the skyline steps in front of it, so the buildings overlap the letters.

Everything is editable from the properties panel: video, mobile video, poster, skyline cutout, title, brand mark, navbar links, colors and scroll length. Use the included Tokyo footage or your own video.

Features

- Scroll scrubs the video forward and backward, frame by frame

- Depth reveal: brand mark behind a transparent skyline cutout

- Glass navbar with your own links

- Optional vertical video for phones, vertical brand mark on small screens

- Self-contained: the page scrolls normally, no global styles, nothing outside the component is touched

- Loads reliably on Safari and iOS, with a poster until the first frame is ready

- Respects reduced motion

- Lightweight still preview in the editor

Includes the Tokyo footage in three encodes (1080p, 720p, vertical), the poster, the skyline cutout, an install guide with the encoding recipe for your own video, and a commercial license.

License: the Marketplace badge reads "Single-Use", but this component comes with a broader license, included in the download. One license covers one person or one company and can be used in unlimited projects, personal or for clients, including commercial ones. Reselling or redistributing the component or its media is not allowed.

The video footage and skyline artwork were created with generative AI tools.

Support: guglielmo.dev@proton.me

56:T673,

Broken by Design Pro is a hero made of shattered glass. The pane flies in and assembles in front of the visitor, with your title set inside the glass. Every shard is its own 3D layer: the pane follows the pointer, and the shard you touch lifts, tilts and catches the light.

Everything is editable from the properties panel: title, title size, colors, interaction, sound and the mute button.

Features

- 16 real glass shards, each an independent 3D layer

- Your title inside the glass, sliced shard by shard

- Assembling entrance that plays when the hero comes into view

- Pointer parallax and hover lift with a moving highlight

- Optional glass tick sound, with a mute button

- Separate glass set for portrait screens and phones

- Self-contained: no global styles, never touches your page's scroll

- Respects reduced motion

- Lightweight still preview in the editor

Includes the glass sprites, the button images, the font file, an install guide and a commercial license for unlimited projects.

The glass artwork was created with generative AI tools. The title font is Space Grotesk (SIL Open Font License).

Support: guglielmo.dev@proton.me

57:T5d3,

City Opens Pro turns scrolling into a camera move. As you scroll, the hero stays pinned to the screen and the video plays: subway doors slide open onto a city at night. Scroll back and it plays in reverse.

Everything is editable from the properties panel: video, mobile video, poster, title, tagline, colors, overlay, zoom and scroll length. Drop in your own footage and it becomes your opening.

Features

- Pinned video scrub, forward and back

- Separate vertical video for phones

- Poster image while the video loads

- The page continues naturally after the video

- Works with any scroll: mouse, trackpad, touch, keyboard

- Self-contained: never touches your page's scroll or body styles

- Respects reduced motion

- Lightweight still preview in the editor

Includes 3 videos optimized for smooth scrubbing (1080p, 720p, vertical), a poster image, an install guide and a commercial license for unlimited projects.

The video footage was created with generative AI tools.

Support: guglielmo.dev@proton.me

51:["$","$L52",null,{"value":{"fallback":{"$inf$activity-creator-804c6d57-adef-4494-9f6d-d9bbfdfe54fa-all:/unified/creator/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/activity/":[{"data":[{"id":"01a10ee4-c71c-758f-8fe4-8975e9a3a5a8","type":"component.created","target":{"type":"component","id":"6qIe81dHCXfZojKTBjOf","preview":"Text Curtain Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a10ee4-6879-7367-b0b3-aa02c6ef85ea.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-06T01:47:16.635Z","latestAt":"2026-10-06T01:47:16.635Z"},{"id":"01a108cb-d715-706f-b1ff-ffe13c93e9bd","type":"creator.followed","target":{"type":"creator","id":"b6a63866-140d-4cff-93b5-0e45bae7a00d","preview":"Alexej Luft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2442835/avatar-qxHkU6qnevYkSYOYGJ8xUt1yhA0LRI.jpg","slug":"alexej-luft-jri75n","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T21:22:19.018Z","latestAt":"2026-10-04T21:22:19.018Z"},{"id":"01a106d8-9acb-738a-8585-d184623974a7","type":"component.created","target":{"type":"component","id":"0s3M0hL0zOLREiYyEx9a","preview":"Isometric SVG Pack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a106d8-6a15-74b8-aecb-702201aa2fa4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T12:17:01.131Z","latestAt":"2026-10-04T12:17:01.131Z"},{"id":"01a10683-410f-7388-a4b1-c938043c7e92","type":"comment.reply","target":{"type":"post","id":"01a1027c-e665-718f-a0ae-0cb66866f34f","preview":"Here’s a preview of my new Luxury Villa Framer template.\nA cinematic vacation rental experience built around scroll-driven video — taking visitors from the entrance, through the rooms, all the way to the terrace at sunset.\nDesigned for luxury villas, holiday homes, Airbnb and boutique hospitality, with a strong focus on immersive storytelling and conversion.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here’s a preview of my new Luxury Villa Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic vacation rental experience built around scroll-driven video — taking visitors from the entrance, through the rooms, all the way to the terrace at sunset."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for "},{"type":"text","text":"luxury villas, holiday homes, Airbnb and boutique hospitality","marks":[{"type":"bold"}]},{"type":"text","text":", with a strong focus on immersive storytelling and conversion."}]}]},"thumbnail":"https://image.mux.com/zJTsjWHYJWgQH5rDHmzQRmuSpmr95MK7Fgk02E3ukmgg/thumbnail.webp?time=7.033","targetDeleted":false,"owned":true,"actions":{"postId":"01a1027c-e665-718f-a0ae-0cb66866f34f","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a10683-40eb-75ac-99da-9fe5cd44140c","preview":"thank you so much! 🙂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you so much! "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}},{"type":"text","text":" "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1027c-e665-718f-a0ae-0cb66866f34f","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a10406-7982-75ee-a48f-866ae860ac56"},"repost":null}},"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T10:43:47.599Z","latestAt":"2026-10-04T10:43:47.599Z"},{"id":"01a10683-0311-7795-9219-c1c565d235c3","type":"comment.liked","target":{"type":"comment","id":"01a10406-7982-75ee-a48f-866ae860ac56","preview":"Very beautiful! Absolutely nice work 😍","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Very beautiful! Absolutely nice work "},{"type":"emoji","attrs":{"name":"heart_eyes","emoji":"😍"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1027c-e665-718f-a0ae-0cb66866f34f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a10406-7982-75ee-a48f-866ae860ac56"},"repost":null}},"context":{"type":"post","id":"01a1027c-e665-718f-a0ae-0cb66866f34f","preview":"Here’s a preview of my new Luxury Villa Framer template.\nA cinematic vacation rental experience built around scroll-driven video — taking visitors from the entrance, through the rooms, all the way to the terrace at sunset.\nDesigned for luxury villas, holiday homes, Airbnb and boutique hospitality, with a strong focus on immersive storytelling and conversion.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here’s a preview of my new Luxury Villa Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic vacation rental experience built around scroll-driven video — taking visitors from the entrance, through the rooms, all the way to the terrace at sunset."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for "},{"type":"text","text":"luxury villas, holiday homes, Airbnb and boutique hospitality","marks":[{"type":"bold"}]},{"type":"text","text":", with a strong focus on immersive storytelling and conversion."}]}]},"thumbnail":"https://image.mux.com/zJTsjWHYJWgQH5rDHmzQRmuSpmr95MK7Fgk02E3ukmgg/thumbnail.webp?time=7.033","targetDeleted":false,"owned":true,"actions":{"postId":"01a1027c-e665-718f-a0ae-0cb66866f34f","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T10:43:31.718Z","latestAt":"2026-10-04T10:43:31.718Z"},{"id":"01a1027a-5c5f-717e-b6be-f77e7302efab","type":"template.created","target":{"type":"template","id":"74584","preview":"Luxury Villa Aurelia","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a10278-b4af-721e-b22c-ff1bf5c41425.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-03T15:55:35.903Z","latestAt":"2026-10-03T15:55:35.903Z"},{"id":"01a1021a-9e12-774a-9a7e-652baa1a8357","type":"creator.followed","target":{"type":"creator","id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","preview":"Russet Supply","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T14:11:01.251Z","latestAt":"2026-10-03T14:11:01.251Z"},{"id":"01a1021a-4724-7404-adec-d0c1f59d9ba4","type":"creator.followed","target":{"type":"creator","id":"8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58","preview":"Zeeshan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/4g5i90l4","slug":"designsbyzeeshan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T14:10:38.993Z","latestAt":"2026-10-03T14:10:38.993Z"},{"id":"01a10102-7e86-7208-b4e4-177da22963ae","type":"comment.liked","target":{"type":"comment","id":"01a100e9-d327-73af-8fa2-ebaa85b051c5","preview":"Thanks😃","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks"},{"type":"emoji","attrs":{"name":"smiley","emoji":"😃"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ff22-3456-730b-9438-ff655eda761f"},"repost":null}},"context":{"type":"post","id":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","preview":"DID I COOK?\nBuilt this 3D Image Gallery for Russet Supply\nBeen experimenting with a different way to showcase images\nLive preview\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DID I COOK?"}]},{"type":"paragraph","content":[{"type":"text","text":"Built this "},{"type":"text","text":"3D Image Gallery ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aqaPyNR","target":"_blank"}}]},{"type":"text","text":"for "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/components/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Been experimenting with a different way to showcase images"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/HoW9DIkNASWBHg00r18xs01LcIH6R6gJj2TAXDpoSAAWU/thumbnail.webp?time=4.733","targetDeleted":false,"owned":false,"actions":{"postId":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T09:05:03.088Z","latestAt":"2026-10-03T09:05:03.088Z"},{"id":"01a10102-3987-70b9-9780-a2d02892794f","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":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T09:04:45.362Z","latestAt":"2026-10-03T09:04:45.362Z"},{"id":"01a0ff22-4c1f-736a-8007-324e7ac12224","type":"component.liked","target":{"type":"component","id":"lV7swE7Cm0Zp4xsgcn3C","preview":"Particle Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/01a0fe53-610a-7717-a7f4-ad617edc3f9f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T00:20:32.920Z","latestAt":"2026-10-03T00:20:32.920Z"},{"id":"01a0ff22-4248-769a-b315-d5ab5debe48b","type":"post.liked","target":{"type":"post","id":"01a0fe80-1fe5-74b8-9167-3034bae5c291","preview":"A small Framer setting that can completely ruin your text animations. \nIf your text animation looks like it’s being cut off instead of smoothly animating, check the stack holds your text. \nIf it's overflow is set to Hidden/Clip, the animation can get chopped. \nSet it to:Overflow → Visible \nAnd the animation works as expected. \nI ran into this when I started, so heres a quick screen recording showing the problem → the fix → the final result.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small Framer setting that can completely ruin your text animations. "}]},{"type":"paragraph","content":[{"type":"text","text":"If your text animation looks like it’s being cut off instead of smoothly animating, check the stack holds your text. "}]},{"type":"paragraph","content":[{"type":"text","text":"If it's overflow is set to Hidden/Clip, the animation can get chopped. "}]},{"type":"paragraph","content":[{"type":"text","text":"Set it to:Overflow → Visible "}]},{"type":"paragraph","content":[{"type":"text","text":"And the animation works as expected. "}]},{"type":"paragraph","content":[{"type":"text","text":"I ran into this when I started, so heres a quick screen recording showing the problem → the fix → the final result."}]}]},"thumbnail":"https://image.mux.com/mR2bOp7ExJhDKfwwOWbNRx995d4lZm02yrC00zQ4XXnA00/thumbnail.webp?time=2.317","targetDeleted":false,"owned":false,"actions":{"postId":"01a0fe80-1fe5-74b8-9167-3034bae5c291","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T00:20:30.400Z","latestAt":"2026-10-03T00:20:30.400Z"},{"id":"01a0ff22-347b-70df-91c9-97f21f430edb","type":"comment.created","target":{"type":"post","id":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","preview":"DID I COOK?\nBuilt this 3D Image Gallery for Russet Supply\nBeen experimenting with a different way to showcase images\nLive preview\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DID I COOK?"}]},{"type":"paragraph","content":[{"type":"text","text":"Built this "},{"type":"text","text":"3D Image Gallery ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aqaPyNR","target":"_blank"}}]},{"type":"text","text":"for "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/components/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Been experimenting with a different way to showcase images"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/HoW9DIkNASWBHg00r18xs01LcIH6R6gJj2TAXDpoSAAWU/thumbnail.webp?time=4.733","targetDeleted":false,"owned":false,"actions":{"postId":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0ff22-3456-730b-9438-ff655eda761f","preview":"you did it bro","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"you did it bro"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0ff22-3456-730b-9438-ff655eda761f"},"repost":null}},"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T00:20:26.875Z","latestAt":"2026-10-03T00:20:26.875Z"},{"id":"01a0ff21-fba1-701c-a14f-a783bf614e8f","type":"post.liked","target":{"type":"post","id":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","preview":"DID I COOK?\nBuilt this 3D Image Gallery for Russet Supply\nBeen experimenting with a different way to showcase images\nLive preview\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DID I COOK?"}]},{"type":"paragraph","content":[{"type":"text","text":"Built this "},{"type":"text","text":"3D Image Gallery ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aqaPyNR","target":"_blank"}}]},{"type":"text","text":"for "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/components/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Been experimenting with a different way to showcase images"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/HoW9DIkNASWBHg00r18xs01LcIH6R6gJj2TAXDpoSAAWU/thumbnail.webp?time=4.733","targetDeleted":false,"owned":false,"actions":{"postId":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T00:20:12.310Z","latestAt":"2026-10-03T00:20:12.310Z"},{"id":"01a0ff21-e69c-756b-b436-188f8e4448da","type":"site.liked","target":{"type":"site","id":"17863","preview":"Gramfort","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cfa058a4-6d5e-43d7-98cb-02b13f8bfaee/01a0fe94-d773-77bd-b610-ef490bcf5dc6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-03T00:20:06.914Z","latestAt":"2026-10-03T00:20:06.914Z"},{"id":"01a0ff21-e2aa-70a8-af4b-0e7e6fb06f01","type":"site.liked","target":{"type":"site","id":"17866","preview":"FaryaDesign","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/27817366-c4c0-4906-8c8f-ca03787a52a4/01a0ff1b-26f0-73a6-8439-25981147b902.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-03T00:20:05.920Z","latestAt":"2026-10-03T00:20:05.920Z"},{"id":"01a0ff21-de7e-77bc-a4da-ec2949803fac","type":"template.liked","target":{"type":"template","id":"74542","preview":"OpenMic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6823ae6-2fbc-471a-9c31-935b846bf972/01a0feab-0199-7006-acef-16fd333c6311.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-03T00:20:04.854Z","latestAt":"2026-10-03T00:20:04.854Z"},{"id":"01a0ff21-d97d-7119-a4d0-73b812e86fa9","type":"site.liked","target":{"type":"site","id":"17868","preview":"Sahor Portfolio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fbd0be99-9b37-432f-a651-912292a3aaa0/01a0feaa-8f51-736a-8128-bf2d8d5c8c44.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-03T00:20:03.572Z","latestAt":"2026-10-03T00:20:03.572Z"},{"id":"01a0ff21-d4e0-741c-b366-46bbd8fbfb57","type":"site.liked","target":{"type":"site","id":"17869","preview":"CollarWorks IOS App","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc1eb79d-673a-4634-9d8d-73a34bfb65ed/01a0feb6-1e97-772e-9aa9-57fc915c5ddf.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-03T00:20:02.391Z","latestAt":"2026-10-03T00:20:02.391Z"},{"id":"01a0ff21-d133-7650-8509-fd7249da0e28","type":"template.liked","target":{"type":"template","id":"74543","preview":"Operandi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0feaf-af90-7538-8b83-f32518ce01f6.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","slug":"guglielmo-giannattasio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-03T00:20:01.447Z","latestAt":"2026-10-03T00:20:01.447Z"}],"pagination":{"next":"MjAyNi0xMC0wM1QwMDoyMDowMS40NDdafDAxYTBmZjIxLWQxMzMtNzY1MC04NTA5LWZkNzI0OWRhMGUyOA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:804c6d57-adef-4494-9f6d-d9bbfdfe54fa:/unified/posts/?creator=804c6d57-adef-4494-9f6d-d9bbfdfe54fa&with=reposts":[{"data":[{"id":"01a10ee4-c4d0-70e8-9f8d-7e295c7b899c","title":null,"body":"

New component: Text Curtain Hero 👽

A curtain of letters hangs between two images. Move across it: the strands part, swing and ring, and the alien signs you touch translate into your own words.

Real physics, sound, any alphabet, any two images. Everything editable from the properties panel.

Live demo: https://text-curtain-hero.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Text Curtain Hero 👽","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A curtain of letters hangs between two images. Move across it: the strands part, swing and ring, and the alien signs you touch translate into your own words."}]},{"type":"paragraph","content":[{"type":"text","text":"Real physics, sound, any alphabet, any two images. Everything editable from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Live demo: ","marks":[{"type":"italic"}]},{"type":"text","text":"https://text-curtain-hero.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://text-curtain-hero.framer.website","target":"_blank"}},{"type":"italic"}]}]}]},"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6qIe81dHCXfZojKTBjOf","resolved":true,"title":"Text Curtain Hero","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A hero section built around an interactive text animation: a curtain of hanging letters between a background image and a cut-out foreground. Move the cursor across it and the strands part, swing back and ring; the glyphs you touch translate into your own words."}]},{"type":"paragraph","content":[{"type":"text","text":"Text effect, cursor interaction, physics and sound in one component. No plugins, no setup: drop it on the page, upload two images, type your words."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU CAN CHANGE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Images: any background, any cut-out PNG in front. The curtain is cut to the shape of the transparent area by itself"}]},{"type":"paragraph","content":[{"type":"text","text":"- Words: each strand repeats one of your words, one letter per bead, in any alphabet"}]},{"type":"paragraph","content":[{"type":"text","text":"- Look: alien signs that translate on hover, or plain letters always readable. Colors, size, spacing, tint from the image"}]},{"type":"paragraph","content":[{"type":"text","text":"- Physics: gravity, swing, wind, cursor reach and strength, parallax"}]},{"type":"paragraph","content":[{"type":"text","text":"- Sound: glass chimes or an eerie \"alien\" tone with a low drone. Off until the visitor turns it on"}]},{"type":"paragraph","content":[{"type":"text","text":"- Text: title, paragraph, fonts, colors, hint, credit"}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT PROPERLY"}]},{"type":"paragraph","content":[{"type":"text","text":"- Responsive: its own layout and framing for phones, works with mouse and touch"}]},{"type":"paragraph","content":[{"type":"text","text":"- One screen tall on the live site, whatever the frame size"}]},{"type":"paragraph","content":[{"type":"text","text":"- Light on the page: starts when the browser is idle and lowers its own resolution on slow devices"}]},{"type":"paragraph","content":[{"type":"text","text":"- Respects \"reduce motion\" settings"}]},{"type":"paragraph","content":[{"type":"text","text":"- Still, silent preview inside the Framer editor"}]},{"type":"paragraph","content":[{"type":"text","text":"INCLUDED","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- The code component"}]},{"type":"paragraph","content":[{"type":"text","text":"- 2 demo scenes for the same background, plus the Earth image"}]},{"type":"paragraph","content":[{"type":"text","text":"- Install guide and commercial license"}]},{"type":"paragraph","content":[{"type":"text","text":"Great for: landing page heroes, portfolio intros, product launches, sci-fi and cinematic sites, storytelling pages, event and music sites."}]},{"type":"paragraph","content":[{"type":"text","text":"The demo images were created with generative AI tools.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"License: the Marketplace badge reads \"Single-Use\", but this component comes with a broader license: one person or one company, unlimited projects, personal or for clients, with no reselling or redistribution of the component or its media.","marks":[{"type":"code"}]}]}]},"introduction":"Interactive text animation hero","slug":"text-curtain-hero","author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a10ee4-6879-7367-b0b3-aa02c6ef85ea.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":900}}],"post":null,"createdAt":"2026-10-06T01:47:15.442Z","updatedAt":"2026-10-06T13:22:57.446Z","publishedAt":"2026-10-06T01:47:15.440Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://text-curtain-hero.framer.website","price":"5","paymentUrl":"https://guglielmo20.gumroad.com/l/text-curtain-hero","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"8I1nOwVBPrJm1Qz5mUXd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T01:47:16.048Z","updatedAt":"2026-10-06T01:47:16.048Z"},{"id":"01a106d8-986c-753c-87ab-68d5ec2004b3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0s3M0hL0zOLREiYyEx9a","resolved":true,"title":"Isometric SVG Pack","body":"

Reperti is a pack of five isometric illustrations that react. A hearth lights up, a balance settles, a strongbox opens, a desktop computer takes your typing, a slab lifts off and listens. Each one makes its own sound.

Use one per section of a landing page (community, pricing, security, product, AI) or show the whole pack in the built-in carousel.

Everything is edited from the right panel: artefact, theme (Pastel or Engraving), accent, paper and shape colours, sound, museum tag, card, and an optional theme switch for your visitors.

Pure code: the drawings are generated in the browser and the sounds are synthesised, so there are no image or audio files to load. Inside the editor the artefacts are still; they come alive in preview and on the published site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Reperti","marks":[{"type":"bold"}]},{"type":"text","text":" is a pack of five isometric illustrations that react. A hearth lights up, a balance settles, a strongbox opens, a desktop computer takes your typing, a slab lifts off and listens. Each one makes its own sound."}]},{"type":"paragraph","content":[{"type":"text","text":"Use one per section of a landing page (community, pricing, security, product, AI) or show the whole pack in the built-in carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is edited from the right panel: artefact, theme (Pastel or Engraving), accent, paper and shape colours, sound, museum tag, card, and an optional theme switch for your visitors."}]},{"type":"paragraph","content":[{"type":"text","text":"Pure code: the drawings are generated in the browser and the sounds are synthesised, so there are no image or audio files to load. Inside the editor the artefacts are still; they come alive in preview and on the published site."}]}]},"introduction":"Five clickable SVGs with sound","slug":"isometric-svg-pack","author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a106d8-6a15-74b8-aecb-702201aa2fa4.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T12:16:59.897Z","updatedAt":"2026-10-04T12:23:19.281Z","publishedAt":"2026-10-04T12:16:59.894Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://reperti.framer.website","price":"9","paymentUrl":"https://guglielmo20.gumroad.com/l/reperti-pro","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"S0ZbFMMW7gc0iGBaqAJ1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T12:17:00.524Z","updatedAt":"2026-10-04T12:17:00.524Z"},{"id":"01a1027c-e665-718f-a0ae-0cb66866f34f","title":null,"body":"

Here’s a preview of my new Luxury Villa Framer template.

A cinematic vacation rental experience built around scroll-driven video — taking visitors from the entrance, through the rooms, all the way to the terrace at sunset.

Designed for luxury villas, holiday homes, Airbnb and boutique hospitality, with a strong focus on immersive storytelling and conversion.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here’s a preview of my new Luxury Villa Framer template."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic vacation rental experience built around scroll-driven video — taking visitors from the entrance, through the rooms, all the way to the terrace at sunset."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for "},{"type":"text","text":"luxury villas, holiday homes, Airbnb and boutique hospitality","marks":[{"type":"bold"}]},{"type":"text","text":", with a strong focus on immersive storytelling and conversion."}]}]},"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zJTsjWHYJWgQH5rDHmzQRmuSpmr95MK7Fgk02E3ukmgg.m3u8","metadata":{"posterUrl":"https://image.mux.com/zJTsjWHYJWgQH5rDHmzQRmuSpmr95MK7Fgk02E3ukmgg/thumbnail.webp?time=7.033","aspectRatio":"4:3","duration":50.309333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T15:58:22.313Z","updatedAt":"2026-10-03T15:58:22.313Z"},{"id":"01a1027a-59eb-7180-840c-f736776c7ebe","title":null,"body":"

Just launched my new Framer template: Luxury Villa 🏡

A cinematic vacation rental website designed for luxury villas, holiday homes, Airbnb hosts and boutique stays.

The idea was simple: instead of scrolling through a property, you actually walk through it.

Scroll through the front door, explore the living room, kitchen and bedroom, then step onto the terrace at sunset.

It features scroll-driven video, immersive room transitions, day/night themes, booking UI, animated reviews, mobile interactions and more.

Built for luxury villas, vacation rentals, Airbnb, hospitality and real estate.

→ Live preview: https://villaaurelia.framer.website

→ Available on the Framer Marketplace for $29

Would love to hear what you think.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched my new Framer template: "},{"type":"text","text":"Luxury Villa","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"house_with_garden","emoji":"🏡"}}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic vacation rental website designed for luxury villas, holiday homes, Airbnb hosts and boutique stays."}]},{"type":"paragraph","content":[{"type":"text","text":"The idea was simple: "},{"type":"text","text":"instead of scrolling through a property, you actually walk through it.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll through the front door, explore the living room, kitchen and bedroom, then step onto the terrace at sunset."}]},{"type":"paragraph","content":[{"type":"text","text":"It features scroll-driven video, immersive room transitions, day/night themes, booking UI, animated reviews, mobile interactions and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for "},{"type":"text","text":"luxury villas, vacation rentals, Airbnb, hospitality and real estate","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"→ Live preview: "},{"type":"text","text":"https://villaaurelia.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://villaaurelia.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Available on the Framer Marketplace for "},{"type":"text","text":"$$29","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think."}]}]},"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74584","resolved":true,"title":"Luxury Villa Aurelia","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll and you walk into the house.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Villa Aurelia","marks":[{"type":"bold"}]},{"type":"text","text":" is a template for one villa, holiday home or boutique stay. Guests arrive at the open front door, pause in daylight to learn what the house is, then walk through the living room, the kitchen and the bedroom, and step onto the terrace at sunset, where the booking card opens."}]},{"type":"paragraph","content":[{"type":"text","text":"- Scroll-driven video, forwards and backwards, with a separate cut for phones"}]},{"type":"paragraph","content":[{"type":"text","text":"- Room captions that open as you walk through the house"}]},{"type":"paragraph","content":[{"type":"text","text":"- Day and night themes, switchable by visitors"}]},{"type":"paragraph","content":[{"type":"text","text":"- Booking card with a live price estimate (opens the guest's email app, no server)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Reviews drifting in two rows, amenities with icons, distances to scale, FAQ"}]},{"type":"paragraph","content":[{"type":"text","text":"- Full-screen menu with rolling italic links"}]},{"type":"paragraph","content":[{"type":"text","text":"- Mobile like an app: swipeable cards, floating booking bar"}]},{"type":"paragraph","content":[{"type":"text","text":"- Every text, photo, video and price editable from the properties panel"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom 404 and privacy page"}]},{"type":"paragraph","content":[{"type":"text","text":"- Bonus: the full Next.js source code is included"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for villas, holiday homes, Airbnb hosts, boutique hotels, agriturismi and real estate agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Demo house, names and footage are fictional; footage is AI-generated. Replace it with your own.","marks":[{"type":"italic"}]}]}]},"introduction":"Luxury Vacation Rental","slug":"luxury-villa-aurelia","author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a10278-b4af-721e-b22c-ff1bf5c41425.png","metadata":{"tint":{"h":30,"s":40,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a10279-6c48-769f-86e0-038801d961ac.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1536,"height":1024}}],"post":null,"createdAt":"2026-10-03T15:55:34.581Z","updatedAt":"2026-10-03T15:55:34.581Z","publishedAt":"2026-10-03T15:55:34.577Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"29","paymentUrl":"https://guglielmo20.gumroad.com/l/villa-aurelia","remixUrl":null,"previewUrl":"https://villaaurelia.framer.website/","categories":[],"styles":[{"id":261,"name":"Typographic","slug":"typographic"},{"id":110,"name":"Animated","slug":"animated"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":287,"name":"Hospitality","slug":"hospitality"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T15:55:35.275Z","updatedAt":"2026-10-03T15:55:35.275Z"},{"id":"01a0fde4-4791-74ce-bf08-6dc937bd51ab","title":null,"body":"

New: Scroll Video Hero. Scroll through the window and over Tokyo at sunset, with your brand mark behind the skyline. Demo: https://tokyoskyline.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New: Scroll Video Hero. Scroll through the window and over Tokyo at sunset, with your brand mark behind the skyline. Demo: "},{"type":"text","text":"https://tokyoskyline.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://tokyoskyline.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"LFhEiVowFtpPq03EEOvt","resolved":true,"title":"Scroll Video Reveal","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tokyo Skyline Pro is a scroll-driven video hero. The visitor starts inside a room at sunset; scrolling pushes the camera through the window and out over the city. At the end your brand mark forms in the sky and the skyline steps in front of it, so the buildings overlap the letters."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from the properties panel: video, mobile video, poster, skyline cutout, title, brand mark, navbar links, colors and scroll length. Use the included Tokyo footage or your own video."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Scroll scrubs the video forward and backward, frame by frame"}]},{"type":"paragraph","content":[{"type":"text","text":"- Depth reveal: brand mark behind a transparent skyline cutout"}]},{"type":"paragraph","content":[{"type":"text","text":"- Glass navbar with your own links"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional vertical video for phones, vertical brand mark on small screens"}]},{"type":"paragraph","content":[{"type":"text","text":"- Self-contained: the page scrolls normally, no global styles, nothing outside the component is touched"}]},{"type":"paragraph","content":[{"type":"text","text":"- Loads reliably on Safari and iOS, with a poster until the first frame is ready"}]},{"type":"paragraph","content":[{"type":"text","text":"- Respects reduced motion"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight still preview in the editor"}]},{"type":"paragraph","content":[{"type":"text","text":"Includes the Tokyo footage in three encodes (1080p, 720p, vertical), the poster, the skyline cutout, an install guide with the encoding recipe for your own video, and a commercial license."}]},{"type":"paragraph","content":[{"type":"text","text":"License: the Marketplace badge reads \"Single-Use\", but this component comes with a broader license, included in the download. One license covers one person or one company and can be used in unlimited projects, personal or for clients, including commercial ones. Reselling or redistributing the component or its media is not allowed.","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The video footage and skyline artwork were created with generative AI tools.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support: guglielmo.dev@proton.me","marks":[{"type":"code"}]}]}]},"introduction":"Tokyo Skyline · depth reveal","slug":"scroll-video-reveal","author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a0fde2-58b5-77e9-ac1a-32524bb010e8.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T18:33:10.615Z","updatedAt":"2026-10-02T18:40:07.315Z","publishedAt":"2026-10-02T18:33:10.612Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tokyoskyline.framer.website","price":"5","paymentUrl":"https://guglielmo20.gumroad.com/l/tokyo-skyline","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"YL7K9iY3Ozx61gYH9InS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T18:33:11.313Z","updatedAt":"2026-10-02T18:33:11.313Z"},{"id":"01a0fa28-7798-718d-9dc3-b584d8599f9e","title":null,"body":"

New component: Shattered Glass Hero. A hero made of 16 interactive 3D glass shards, with your title inside the glass. Live demo: https://brokenbydesign.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Shattered Glass Hero. A hero made of 16 interactive 3D glass shards, with your title inside the glass. Live demo: "},{"type":"text","text":"https://brokenbydesign.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://brokenbydesign.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WueeQfChCKyU0Ji6XjjJ","resolved":true,"title":"Shattered Glass Hero","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Broken by Design","marks":[{"type":"bold"}]},{"type":"text","text":" Pro is a hero made of shattered glass. The pane flies in and assembles in front of the visitor, with your title set inside the glass. Every shard is its own 3D layer: the pane follows the pointer, and the shard you touch lifts, tilts and catches the light."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from the properties panel: title, title size, colors, interaction, sound and the mute button."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- 16 real glass shards, each an independent 3D layer"}]},{"type":"paragraph","content":[{"type":"text","text":"- Your title inside the glass, sliced shard by shard"}]},{"type":"paragraph","content":[{"type":"text","text":"- Assembling entrance that plays when the hero comes into view"}]},{"type":"paragraph","content":[{"type":"text","text":"- Pointer parallax and hover lift with a moving highlight"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional glass tick sound, with a mute button"}]},{"type":"paragraph","content":[{"type":"text","text":"- Separate glass set for portrait screens and phones"}]},{"type":"paragraph","content":[{"type":"text","text":"- Self-contained: no global styles, never touches your page's scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"- Respects reduced motion"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight still preview in the editor"}]},{"type":"paragraph","content":[{"type":"text","text":"Includes the glass sprites, the button images, the font file, an install guide and a commercial license for unlimited projects."}]},{"type":"paragraph","content":[{"type":"text","text":"License: the Marketplace badge reads \"Single-Use\", but this component comes with a broader license, included in the download. One license covers one person or one company and can be used in unlimited projects, personal or for clients, including commercial ones. Reselling or redistributing the component or its media is not allowed.","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The glass artwork was created with generative AI tools. The title font is Space Grotesk (SIL Open Font License).","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support: guglielmo.dev@proton.me","marks":[{"type":"code"}]}]}]},"introduction":"Broken by Design · 3D shards","slug":"shattered-glass-hero","author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a0fa27-921d-77ef-80d8-976a599f0fbc.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T01:09:10.510Z","updatedAt":"2026-10-02T18:39:05.114Z","publishedAt":"2026-10-02T01:09:10.507Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://brokenbydesign.framer.website","price":"5","paymentUrl":"https://guglielmo20.gumroad.com/l/broken-by-design","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"ZN0hHTGlnz7dCkBQlfTk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T01:09:11.192Z","updatedAt":"2026-10-02T01:09:11.192Z"},{"id":"01a0ef55-0058-715f-b624-f7e9e3adc776","title":null,"body":"

My first Framer component is live: City Opens Pro, a scroll-locked video hero that plays like the opening of a film. Scroll forward, the doors open; scroll back, they close. Live demo: https://cityopens.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first Framer component is live: City Opens Pro, a scroll-locked video hero that plays like the opening of a film. Scroll forward, the doors open; scroll back, they close. Live demo: "},{"type":"text","text":"https://cityopens.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cityopens.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VMh5cY3SILO7kWAUxR7W","resolved":true,"title":"City Opens Pro","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"City Opens Pro turns scrolling into a camera move. As you scroll, the hero stays pinned to the screen and the video plays: subway doors slide open onto a city at night. Scroll back and it plays in reverse."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from the properties panel: video, mobile video, poster, title, tagline, colors, overlay, zoom and scroll length. Drop in your own footage and it becomes your opening."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Pinned video scrub, forward and back"}]},{"type":"paragraph","content":[{"type":"text","text":"- Separate vertical video for phones"}]},{"type":"paragraph","content":[{"type":"text","text":"- Poster image while the video loads"}]},{"type":"paragraph","content":[{"type":"text","text":"- The page continues naturally after the video"}]},{"type":"paragraph","content":[{"type":"text","text":"- Works with any scroll: mouse, trackpad, touch, keyboard"}]},{"type":"paragraph","content":[{"type":"text","text":"- Self-contained: never touches your page's scroll or body styles"}]},{"type":"paragraph","content":[{"type":"text","text":"- Respects reduced motion"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight still preview in the editor"}]},{"type":"paragraph","content":[{"type":"text","text":"Includes 3 videos optimized for smooth scrubbing (1080p, 720p, vertical), a poster image, an install guide and a commercial license for unlimited projects."}]},{"type":"paragraph","content":[{"type":"text","text":"License: the Marketplace badge reads \"Single-Use\", but this component comes with a broader license, included in the download. One license covers one person or one company and can be used in unlimited projects, personal or for clients, including commercial ones. Reselling or redistributing the component or its media is not allowed.","marks":[{"type":"code"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The video footage was created with generative AI tools.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support: guglielmo.dev@proton.me","marks":[{"type":"code"}]}]}]},"introduction":"Cinematic scroll-scrub video hero","slug":"city-opens-pro","author":{"framerUserId":"804c6d57-adef-4494-9f6d-d9bbfdfe54fa","name":"Guglielmo Giannattasio","slug":"guglielmo-giannattasio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2816290/6wsgMNpAD-q35ycKzLn90xa1pn4sEu2PrmeGFNPs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/804c6d57-adef-4494-9f6d-d9bbfdfe54fa/01a0fde5-6415-73ee-8a72-e2890a4c7534.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T22:41:59.767Z","updatedAt":"2026-10-02T18:39:33.782Z","publishedAt":"2026-09-29T22:41:59.764Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cityopens.framer.website","price":"5","paymentUrl":"https://guglielmo20.gumroad.com/l/city-opens-pro","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"422LLt6wWcecOIJdF97W","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T22:42:00.408Z","updatedAt":"2026-09-29T22:42:00.408Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L58"}]