51: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"] 52:T894,

Barcelona Explorer is my hackathon entry: an interactive, full-screen map of Barcelona built with Framer 3.0 agents.

Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.

Why I built it

I’ve lived in Barcelona over 3 years and it still amazes me. After a Framer event in Eixample, I wanted to bottle that feeling of discovering the city into something you can play with, not just another page to scroll.

A live map felt like the perfect challenge: lots of moving parts that all have to stay in sync.

What’s inside

A real pan/zoom map (Leaflet + CARTO tiles) with custom markers that animate and recolor on selection
A master-detail panel with photography, ratings, and contextual CTAs (Book Tickets · Get Directions · Visit Website) per location
Three switchable views: Explore, List, and an About panel, driven from a clean icon rail
A custom Framer Office marker right where it belongs on the map
A dark/light mode toggle that inverts the entire UI and swaps the map to dark tiles in real time

Built to be technically sound

It’s engineered, not just pretty. Shared state keeps everything in sync, and the whole experience is performance‑optimized, accessible, SSR‑safe, and data‑driven, so new places instantly show up across the map, list, and detail views.

Mobile, done right

On phones it becomes an Apple/Google-Maps-style draggable bottom sheet with peek/half/full snap points, so the map stays the hero.

What agents helped with

Agents let me build and refine each piece independently in small, reviewable steps. What surprised me most is how well they handled the genuinely interactive, stateful parts of Framer, not just layout and content. With clear structure, you can actually ship something people want to touch.

Try it: pan the map, tap a marker, flip to dark mode, and watch Barcelona light up.

Built with Framer 3.0 AI agents.

53:T545,

About this template

Supapower is a polished Framer template designed to elevate your product’s web presence. It blends nature-inspired gradient visuals, sleek animations and a clean modern aesthetic with a conversion-focused structure and performance-first setup.

The result is a site that looks premium, feels fast and showcases your product with clarity.

Supapower includes 12 pages: Home, Pricing, Solutions, About, Blog, Blog Detail, Careers, Career Detail, Contact, Testimonials, 404 and legal pages (Terms of Service, Privacy Policy, Cookie Policy).

Who it’s for:

SaaS startups launching or relaunching with a premium site
Mobile and web app teams needing a fast, flexible foundation
Product marketers who want a no-code editing flow that still feels custom

Why Supapower?

Looks premium out of the box, feels tailored in minutes
Clear paths to conversion with pricing, testimonials and use cases
Scales as you grow with CMS-driven content and modular design

🎉 Launch faster with a beautiful foundation that’s easy to own and extend. Customize in Framer, ship confidently and turn visitors into customers with a site that reflects the quality of your product.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-1aad8ec0-8e95-48ea-bebf-0dd1186a601b-all:/unified/creator/1aad8ec0-8e95-48ea-bebf-0dd1186a601b/activity/":[{"data":[{"id":"019ed61e-cffd-7157-a3dd-dfa774123475","type":"comment.liked","target":{"type":"comment","id":"019ed618-b468-735d-9e78-66935c8e4254","preview":"Niiiiice! That's my city!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Niiiiice! That's my city!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed618-b468-735d-9e78-66935c8e4254"},"repost":null}},"context":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:23:58.978Z","latestAt":"2026-06-19T10:23:58.978Z"},{"id":"019edf68-952f-76cb-be77-725681f01e49","type":"comment.reply","target":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edf68-951c-73db-b77c-e306e15f73c8","preview":"Thank you so much Anna!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you so much Anna!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019edba0-5bc6-74f9-9371-0dda205ad313"},"repost":null}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:23:53.647Z","latestAt":"2026-06-19T10:23:53.647Z"},{"id":"019edf68-7fd8-74f8-a2b3-22c42a15f94b","type":"comment.liked","target":{"type":"comment","id":"019edba0-5bc6-74f9-9371-0dda205ad313","preview":"A full interactive map in Framer?! That's really cool🤯","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full interactive map in Framer?! That's really cool"},{"type":"emoji","attrs":{"name":"exploding_head","emoji":"🤯"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019edba0-5bc6-74f9-9371-0dda205ad313"},"repost":null}},"context":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:23:48.180Z","latestAt":"2026-06-19T10:23:48.180Z"},{"id":"019eda4e-1feb-74ae-813b-7623f3153838","type":"comment.reply","target":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019eda4e-1fd8-705f-9b8d-9ba67f47c97f","preview":"Thank you so much Matt! Have a great trip :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you so much Matt! Have a great trip :)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed9e3-91c5-75ff-a4ea-1b679bcdc38f"},"repost":null}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T10:36:53.611Z","latestAt":"2026-06-18T10:36:53.611Z"},{"id":"019eda4d-dfdc-77df-b406-f08e9209ebee","type":"comment.liked","target":{"type":"comment","id":"019ed9e3-91c5-75ff-a4ea-1b679bcdc38f","preview":"That's cool. Will be there soon, now I have enough knowledge haha","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"That's cool. Will be there soon, now I have enough knowledge haha"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed9e3-91c5-75ff-a4ea-1b679bcdc38f"},"repost":null}},"context":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T10:36:37.208Z","latestAt":"2026-06-18T10:36:37.208Z"},{"id":"019ed659-f900-7690-a672-56b328d38f21","type":"comment.reply","target":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed659-f8dc-700c-93d1-03213e7f86fa","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed64a-1812-7640-a757-5ca04d2a1326"},"repost":null}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T16:11:21.216Z","latestAt":"2026-06-17T16:11:21.216Z"},{"id":"019ed659-e1d2-7554-9877-d51a6e36b611","type":"comment.liked","target":{"type":"comment","id":"019ed620-7bdf-723d-93e4-f0223cfff41f","preview":"💙","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed620-7bdf-723d-93e4-f0223cfff41f"},"repost":null}},"context":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T16:11:15.278Z","latestAt":"2026-06-17T16:11:15.278Z"},{"id":"019ed659-dfe4-76e9-9ef8-26669bf648d4","type":"comment.liked","target":{"type":"comment","id":"019ed64a-1812-7640-a757-5ca04d2a1326","preview":"Nice one!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice one!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed64a-1812-7640-a757-5ca04d2a1326"},"repost":null}},"context":{"type":"post","id":"019ed600-db4a-7096-b1bc-57ad008b24b0","preview":"Hi 👋 Here is my Framer Agents Hackathon submission.\nIt's an interactive, full-screen map of Barcelona built with Framer 3.0.\nBrowse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed600-db4a-7096-b1bc-57ad008b24b0","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T16:11:14.784Z","latestAt":"2026-06-17T16:11:14.784Z"},{"id":"019ed61a-2fff-714f-80f5-f9328598e1ac","type":"creator.followed","target":{"type":"creator","id":"2493eb92-4f83-4fdd-9dc2-55865c25b4e7","preview":"Mason Price (Wenlaunch)","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2493eb92-4f83-4fdd-9dc2-55865c25b4e7/0vw0umkq","slug":"mason-price","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:40.987Z","latestAt":"2026-06-17T15:01:40.987Z"},{"id":"019ed61a-07ff-7613-ac85-55aeafe94efe","type":"creator.followed","target":{"type":"creator","id":"89a09bf2-d15f-43b4-870f-09b1ea1472de","preview":"Petru Socolovschi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/690932/avatar-1IdPq2XqwCTdrUUhjT2pOo1XpUTwKt.jpg","slug":"petru-socolovschi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:30.748Z","latestAt":"2026-06-17T15:01:30.748Z"},{"id":"019ed619-fdeb-71bd-88fe-5b35cbd2c7c6","type":"creator.followed","target":{"type":"creator","id":"52be60d7-d0f1-4de2-bc51-37b368f3448e","preview":"Ava Thiery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/264497/b5QTaGqTx-OKE1uZz6nssgMsypB0tR4B2Ldfx1bY","slug":"ava-thiery","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:28.167Z","latestAt":"2026-06-17T15:01:28.167Z"},{"id":"019ed619-f363-739f-8ff6-d4bce4fd6a08","type":"creator.followed","target":{"type":"creator","id":"bdb557a7-79a9-4387-9230-1aeb625738fc","preview":"Peter Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/53933/avatar-TTT8ean0QM4BaKAQmwETaAk1qLsLoW.jpg","slug":"peter-design","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:25.471Z","latestAt":"2026-06-17T15:01:25.471Z"},{"id":"019ed619-e80c-7253-9cbd-1bc5bf48525b","type":"creator.followed","target":{"type":"creator","id":"e1c6a6ab-ef5f-43f8-9b7f-13cbd1a828c2","preview":"Damian","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/36989/T-9-tv5sl-kkq8G6FU3r2EhSXCjgrPtROeroH8k2","slug":"damian-jankowski","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:22.569Z","latestAt":"2026-06-17T15:01:22.569Z"},{"id":"019ed619-cb51-739a-ac26-b869cc96775d","type":"creator.followed","target":{"type":"creator","id":"3e1e2d3a-986e-4eb1-b216-ab1a2a43e146","preview":"Paul","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1227362/avatar-TwrIQjb3CbOBXuvX88G0EZoKxgaoef.jpg","slug":"framerpaul","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:15.213Z","latestAt":"2026-06-17T15:01:15.213Z"},{"id":"019ed619-c2bb-7367-a89d-e5593c58653c","type":"creator.followed","target":{"type":"creator","id":"c4cf1cf4-0b77-4f1d-ac6b-98070517ae59","preview":"Anton Drukarov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/97409/avatar-dRsCL3KMq7C48B5rqFPYhB82Svdcq7.jpg","slug":"anton-drukarov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:13.013Z","latestAt":"2026-06-17T15:01:13.013Z"},{"id":"019ed619-bef9-725a-9137-4778b0956b82","type":"creator.followed","target":{"type":"creator","id":"4d4d9333-ef11-4e84-9c52-2a026fb91e1f","preview":"Lee Black","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/72198/avatar-tITRI6fWrDA7ScuROCY5fJUlpsKNXj.jpg","slug":"leeblack","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:12.054Z","latestAt":"2026-06-17T15:01:12.054Z"},{"id":"019ed619-ad04-748b-a3ad-13f88ac90896","type":"creator.followed","target":{"type":"creator","id":"ff0f98d7-b50b-47bd-8e10-e3a915bc35c5","preview":"Faruk Yurtseven","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29493/avatar-D1CzrxAxTpGS8CfftTAscRgWudPhrs.jpg","slug":"faruk-yurtseven","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:07.447Z","latestAt":"2026-06-17T15:01:07.447Z"},{"id":"019ed619-a592-7345-8823-d4f8cd501b4e","type":"creator.followed","target":{"type":"creator","id":"e4f0b035-54a4-49e7-8b92-97225e302702","preview":"Saeeb Ahsan ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1670956/avatar-kYKRfaBk78lyGIleLqz2d422CTV72O.jpg","slug":"saeeb-ahsan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:05.550Z","latestAt":"2026-06-17T15:01:05.550Z"},{"id":"019ed619-a139-7477-b192-e9ee8163a215","type":"creator.followed","target":{"type":"creator","id":"0365a5a1-29eb-426a-bb58-af7fe6b72ccf","preview":"Till Janek","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/799000/avatar-Uv8gO1mHlEjTcFzqJhlHchgIO7w9SK.jpg","slug":"tilljanek","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:04.414Z","latestAt":"2026-06-17T15:01:04.414Z"},{"id":"019ed619-9d5f-770e-a9f6-36a7906cf38e","type":"creator.followed","target":{"type":"creator","id":"bae8127c-8492-4ed8-8d03-9253e29f9c63","preview":"Emili","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29820/avatar.jpg","slug":"emili","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","slug":"supercharged","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T15:01:03.450Z","latestAt":"2026-06-17T15:01:03.450Z"}],"pagination":{"next":"MjAyNi0wNi0xN1QxNTowMTowMy40NTBafDAxOWVkNjE5LTlkNWYtNzcwZS1hOWY2LTM2YTc5MDZjZjM4ZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:1aad8ec0-8e95-48ea-bebf-0dd1186a601b:/unified/posts/?creator=1aad8ec0-8e95-48ea-bebf-0dd1186a601b&with=reposts":[{"data":[{"id":"019ed600-db4a-7096-b1bc-57ad008b24b0","title":null,"body":"

Hi 👋 Here is my Framer Agents Hackathon submission.

It's an interactive, full-screen map of Barcelona built with Framer 3.0.

Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Here is my Framer Agents Hackathon submission."}]},{"type":"paragraph","content":[{"type":"text","text":"It's an interactive, full-screen map of Barcelona built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]}]},"author":{"framerUserId":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","slug":"supercharged","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed600-db4a-7096-b1bc-58a317e120fe","contestId":"agents-hackathon","author":{"framerUserId":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","slug":"supercharged","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg"},"title":"Barcelona Explorer","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Barcelona Explorer is my hackathon entry: an interactive, full-screen map of Barcelona built with Framer 3.0 agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the city’s landmarks, beaches, markets, and hidden corners, each with photos, quick stats, and one-tap links to tickets or directions, in a dark/light, fully responsive interface."}]},{"type":"customHeading","content":[{"type":"text","text":"Why I built it"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"I’ve lived in Barcelona over 3 years and it still amazes me. After a Framer event in Eixample, I wanted to bottle that feeling of discovering the city into something you can play with, not just another page to scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"A live map felt like the perfect challenge: lots of moving parts that all have to stay in sync."}]},{"type":"customHeading","content":[{"type":"text","text":"What’s inside"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A real pan/zoom map (Leaflet + CARTO tiles) with custom markers that animate and recolor on selection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A master-detail panel with photography, ratings, and contextual CTAs (Book Tickets · Get Directions · Visit Website) per location"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three switchable views: Explore, List, and an About panel, driven from a clean icon rail"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A custom Framer Office marker right where it belongs on the map"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A dark/light mode toggle that inverts the entire UI and swaps the map to dark tiles in real time"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built to be technically sound"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It’s engineered, not just pretty. Shared state keeps everything in sync, and the whole experience is performance‑optimized, accessible, SSR‑safe, and data‑driven, so new places instantly show up across the map, list, and detail views."}]},{"type":"customHeading","content":[{"type":"text","text":"Mobile, done right"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"On phones it becomes an Apple/Google-Maps-style draggable bottom sheet with peek/half/full snap points, so the map stays the hero. "}]},{"type":"customHeading","content":[{"type":"text","text":"What agents helped with"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Agents let me build and refine each piece independently in small, reviewable steps. What surprised me most is how well they handled the genuinely interactive, stateful parts of Framer, not just layout and content. With clear structure, you can actually ship something people want to touch."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it: pan the map, tap a marker, flip to dark mode, and watch Barcelona light up.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer 3.0 AI agents.","marks":[{"type":"italic"}]}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1aad8ec0-8e95-48ea-bebf-0dd1186a601b/46awxc6q","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1aad8ec0-8e95-48ea-bebf-0dd1186a601b/4l325x02","metadata":{"tint":{"h":0,"s":0,"l":17},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1aad8ec0-8e95-48ea-bebf-0dd1186a601b/uincpp5b","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://explorebarcelona.framer.website/"},"winner":false,"createdAt":"2026-06-17T14:34:00.984Z","updatedAt":"2026-06-17T14:34:00.984Z"}],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":12},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T14:34:00.922Z","updatedAt":"2026-06-17T14:34:00.922Z"},{"id":"019a0c74-768c-7f5a-8f23-2323bedb7e05","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","slug":"supercharged","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"56117","resolved":true,"title":"Supapower","body":"$53","bodyJson":null,"introduction":"Mobile App & SaaS Landing Page","slug":"supapower","author":{"framerUserId":"1aad8ec0-8e95-48ea-bebf-0dd1186a601b","name":"Christina ","slug":"supercharged","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432061/avatar-YyKcYbvZw3Jgh3t1Tw3NHKsXoGatCO.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56117/superapp-4D4EUJXr6qZlbFYXQ07YPYciTFXNCj","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56117/superapp-duFfTiu5NsCWha9Gi9eos2m3iTAweW","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56117/superapp-FUmDMVWXum1x8KW3tWDSIRrxH2apkZ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56117/superapp-JQnE3cgV6xmvQNSnkjqn6mVs5u1DSX","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-28T19:04:04.053Z","updatedAt":"2025-10-22T15:05:50.476Z","publishedAt":"2025-10-22T15:05:50.476Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"79","paymentUrl":"https://supercharged-design.lemonsqueezy.com/buy/aeace32a-b753-4cb1-b62e-f00fc4769e39","remixUrl":null,"previewUrl":"https://supa-power.framer.website/","categories":[{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":220,"name":"Gradient","slug":"gradient"},{"id":236,"name":"Light","slug":"light"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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":"2025-10-22T15:05:50.476Z","updatedAt":"2025-10-22T15:05:50.476Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]