50: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"] 51:T7fb,

My portfolio and services site, designed and built in Framer. I'm Guo, an independent product designer based in Taiwan with 8+ years in SaaS, AI and web, working remotely with startups in Hong Kong, Australia and Japan.

Home

Opens with my thesis, "Better product decisions lead to better products." Below that: client logos, three things I bring (AI-augmented workflow, systems thinking, business alignment), selected work, my four-step process, and testimonials from founders, PMs and engineers I've worked with.

Services

Opens with "I think like a founder, work like a designer." Further down: plans and pricing for web design, product design and monthly retainers, with scope, delivery time and a USD / NT$ switch, a six-step working process from kickoff to handoff, and 22 FAQs you can filter by plan.

Works

Seven case studies, filterable by Product Design, App Design, Web Design and Design System. Each one follows the same structure: overview, challenge, discovery, solution, impact.

About

Why I got into design (a business article about Starbucks and the experience economy), a career timeline from freelance branding in Australia to senior product designer at imBee, a few numbers (25+ projects, 1,000+ enterprise users impacted), how I treat design decisions as business decisions, what I do off the clock (travel, old architecture, seven sports), and my current availability.

Play

Things I build on the side: Taigi Helper, a web app that speaks Taiwanese for migrant caregivers, plus three Framer components: Globe Arcs, Falling Tags and Sticky Media.

Writing

My Medium articles on AI in the design workflow, product thinking, career growth and remote team culture.

Tools

The stack I use to go from Figma to Framer (Figma, Framer, Mixpanel, Loom, Tella, Slack, Notion, ChatGPT, Claude) and what each one is for.

Contact

A short form, or book a free 30-minute call. A call, not a pitch.

52:T8a1,

Globe Arcs is a rotating 3D globe that shows how your places connect. Hairline arcs link your cities, a small pulse of light travels along each one, and location tags drift in and out of view as the globe turns. The default look is bright, quiet and minimal: a pearl white sphere, fine dark dots and a single accent color. Visitors can grab the globe and throw it. Everything is set from the properties panel, no code needed.

Features

Add places with a name, latitude and longitude, up to 40
Hub mode links your first place to all the others. Chain mode links each place to the next
A pulse of light travels along every arc, with its own color and speed
Continuous rotation in either direction, with adjustable tilt and start longitude
Drag to rotate, with a natural throw that eases back to cruising speed
Location tags in your own font, size, weight and letter spacing, as solid tags or plain text
Every color is editable and accepts your Framer color styles
Pearl sphere with adjustable shading, or turn the sphere off for a floating dot globe
Optional see through mode, halo and neon arc glow for dark pages
Works on light and dark backgrounds
Pauses when off screen and respects reduced motion
No external libraries, map tiles, API keys or network requests

Best for

Global network, payments, shipping and infrastructure sections
Headquarters and offices, remote team maps
Travel routes and event tours

Setup

Copy the component link you receive after purchase and paste it onto your Framer canvas.
Resize it freely. The globe fits the shorter side of the frame. Leave some room around it for the arcs and tags.
Add your places in the right panel. Put your main location first if you use Hub mode.
Set the colors, font, spin and tilt to match your site.

Support

Questions or issues? Email guocianyu@gmail.com

53:T7fe,

Falling Tags turns your footer into a small physics playground. When the section scrolls into view, your tags fade in floating at the top, hover for a moment, then lose their footing, fall and pile up at the bottom. Visitors can grab any tag, drag it around and throw it. It comes with a clean, minimal default look and everything is editable from the properties panel, no code needed.

Features

Tags float first, then drop with real physics and stack naturally
Drag and throw tags with the mouse or a finger
Type your own labels right in the panel, up to 60 tags
Pick one color or many. Tags are shared evenly between your colors
Text color adapts to each fill automatically, or set your own
Corner radius, outline width and outline color
Full font and padding control
Gravity, bounce, friction, hover time and stagger settings
Plays when scrolled into view, and again on every new page
Transparent and click-through, so it can sit on top of your footer links
Shows the settled pile on the canvas and respects reduced motion
Pauses itself when resting or off screen

Best for

Portfolio and studio footers
Skills, services and tech stack sections
Playful contact and about pages

Setup

Paste the component onto your Framer canvas.
Place it in your footer. Set the width to Fill and give it a fixed height, around 500 to 700 on desktop.
Type your tags and choose your colors in the right panel.
On the phone breakpoint, lower the font size so every tag fits the width.

Note: The drop animation plays in Preview and on the published site. On the canvas you see the settled pile.

Support

Questions or issues? Email guocianyu@gmail.com

54:T56d,

Sticky Media pins images, videos and YouTube clips to the viewport while the page scrolls. Each item is revealed by a scrolling window, so the media never moves or gets pushed away. The result is a calm, editorial scroll that works for hero sections and project showcases.

Features

Mix images, uploaded videos and YouTube in one list
Loop any segment of a video with start and end times
Videos autoplay muted and pause when off screen
Optional YouTube player controls
Overlay color, corner radius and sticky offset
Respects reduced motion preferences
Resize freely on the canvas

Best for

Portfolio and studio homepages
Project case study intros
Product and brand landing pages

Setup

Copy the component link you receive after purchase and paste it onto your Framer canvas.
Set the width to Fill and the height to number of items x 100vh.
Make sure all parent frames have Overflow set to Visible.
Add your media in the right panel.

Note: YouTube briefly shows its title bar while loading. Use an uploaded video for a fully clean background.

Support

Questions or issues? Email: guocianyu@gmail.com

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-2254ab54-9d85-4a45-a5d2-07a475ee0427-all:/unified/creator/2254ab54-9d85-4a45-a5d2-07a475ee0427/activity/":[{"data":[{"id":"01a101c2-9c8a-7535-af14-43d993767134","type":"site.created","target":{"type":"site","id":"17924","preview":"Cian-Yu Guo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a101b0-f80b-7186-9824-fc837df93c50.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-03T12:34:53.706Z","latestAt":"2026-10-03T12:34:53.706Z"},{"id":"01a0c272-5d9d-754c-89e1-37d15cf1385e","type":"component.created","target":{"type":"component","id":"5Pyj1nsjSOzvNXfHBr1I","preview":"Globe Arcs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a0c271-471e-729e-99fc-f5ed48993679.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T05:31:10.109Z","latestAt":"2026-09-21T05:31:10.109Z"},{"id":"01a0bcf2-8346-74ed-b705-30caaddf20ee","type":"creator.followed","target":{"type":"creator","id":"49d699cb-40d2-4f53-836c-41ecd892da08","preview":"Sandra Createss","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/822661/avatar-FyH1QMj7QOzrUHhRHGIwXeqJv6CDNO.jpg","slug":"sandra-createss","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T03:53:25.057Z","latestAt":"2026-09-20T03:53:25.057Z"},{"id":"01a0ba0d-1104-7693-8e58-4ef83b72e90e","type":"component.created","target":{"type":"component","id":"aww0rc5EWjcSn8iTpK6h","preview":"Falling Tags","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a0ba02-9b46-766b-9de7-1708695e1ac9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-19T14:23:33.636Z","latestAt":"2026-09-19T14:23:33.636Z"},{"id":"01a0b34f-7784-777b-95c2-3d1c7ebe36f6","type":"component.created","target":{"type":"component","id":"Rvy6KIbnY8RIPMGbSrhB","preview":"Sticky Media","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a0b34f-0627-735d-968f-3d481100f508.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-18T06:58:44.740Z","latestAt":"2026-09-18T06:58:44.740Z"},{"id":"01a0905f-ec88-72c0-a79a-5818be989fbd","type":"creator.followed","target":{"type":"creator","id":"42cf9062-1d0f-4d33-80f3-2862338496ee","preview":"Swiss Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28887/swiss_themes_icon-Hsmf2Qtwq6MK7GUAHEtAMkSvBIz5EL.jpg","slug":"swiss-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T12:10:00.693Z","latestAt":"2026-09-11T12:10:00.693Z"},{"id":"019ed999-cfdb-72f7-a651-76b62860ee0a","type":"template.liked","target":{"type":"template","id":"67112","preview":"Roofex","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e384faea-043f-4f5c-bd25-070ec91488d7/xf7qm43t","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-18T07:19:56.631Z","latestAt":"2026-06-18T07:19:56.631Z"},{"id":"019ed999-42ee-738f-b368-85ef9e15fb4d","type":"template.liked","target":{"type":"template","id":"66462","preview":"LEQUON/01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1ac8860-4547-4b59-b858-01629441c08b/8q05r9mi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","slug":"cy-guo","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-18T07:19:20.553Z","latestAt":"2026-06-18T07:19:20.553Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2254ab54-9d85-4a45-a5d2-07a475ee0427:/unified/posts/?creator=2254ab54-9d85-4a45-a5d2-07a475ee0427&with=reposts":[{"data":[{"id":"01a101c2-9a56-73e6-a1f7-4faa1ef2cf3f","title":null,"body":"

My portfolio and services site, built in Framer. Case studies, pricing, and a few Framer components I made along the way. Would love your feedback.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My portfolio and services site, built in Framer. Case studies, pricing, and a few Framer components I made along the way. Would love your feedback."}]}]},"author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[],"resources":[{"id":"17924","resolved":true,"title":"Cian-Yu Guo","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My portfolio and services site, designed and built in Framer. I'm Guo, an independent product designer based in Taiwan with 8+ years in SaaS, AI and web, working remotely with startups in Hong Kong, Australia and Japan."}]},{"type":"customHeading","content":[{"type":"text","text":"Home"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Opens with my thesis, \"Better product decisions lead to better products.\" Below that: client logos, three things I bring (AI-augmented workflow, systems thinking, business alignment), selected work, my four-step process, and testimonials from founders, PMs and engineers I've worked with."}]},{"type":"customHeading","content":[{"type":"text","text":"Services"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Opens with \"I think like a founder, work like a designer.\" Further down: plans and pricing for web design, product design and monthly retainers, with scope, delivery time and a USD / NT$ switch, a six-step working process from kickoff to handoff, and 22 FAQs you can filter by plan."}]},{"type":"customHeading","content":[{"type":"text","text":"Works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Seven case studies, filterable by Product Design, App Design, Web Design and Design System. Each one follows the same structure: overview, challenge, discovery, solution, impact."}]},{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Why I got into design (a business article about Starbucks and the experience economy), a career timeline from freelance branding in Australia to senior product designer at imBee, a few numbers (25+ projects, 1,000+ enterprise users impacted), how I treat design decisions as business decisions, what I do off the clock (travel, old architecture, seven sports), and my current availability."}]},{"type":"customHeading","content":[{"type":"text","text":"Play"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Things I build on the side: Taigi Helper, a web app that speaks Taiwanese for migrant caregivers, plus three Framer components: Globe Arcs, Falling Tags and Sticky Media."}]},{"type":"customHeading","content":[{"type":"text","text":"Writing"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"My Medium articles on AI in the design workflow, product thinking, career growth and remote team culture."}]},{"type":"customHeading","content":[{"type":"text","text":"Tools"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The stack I use to go from Figma to Framer (Figma, Framer, Mixpanel, Loom, Tella, Slack, Notion, ChatGPT, Claude) and what each one is for."}]},{"type":"customHeading","content":[{"type":"text","text":"Contact"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A short form, or book a free 30-minute call. A call, not a pitch."}]}]},"introduction":"","slug":"cian-yu-guo","author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a101b0-f80b-7186-9824-fc837df93c50.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a101b0-f891-7768-829a-27602eb3a9f2.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-03T12:34:52.491Z","updatedAt":"2026-10-03T12:34:52.491Z","publishedAt":"2026-10-03T12:34:52.488Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://guocianyu.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T12:34:53.142Z","updatedAt":"2026-10-03T12:34:53.142Z"},{"id":"01a0c272-5b6f-766d-93e7-0685a3bb6f78","title":null,"body":"

I wanted a globe that feels at home on a clean, high end page instead of a dark sci-fi one, so I built Globe Arcs.

It is a pearl white sphere with fine dots, hairline arcs between your places and a small pulse of light travelling along each arc. Tags use your own font. Visitors can drag and throw it.

Everything is set from the panel: places, hub or chain links, every color, spin, tilt, shading and fonts. It is a single canvas with no libraries, tiles or API keys.

Feedback is welcome.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I wanted a globe that feels at home on a clean, high end page instead of a dark sci-fi one, so I built Globe Arcs."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a pearl white sphere with fine dots, hairline arcs between your places and a small pulse of light travelling along each arc. Tags use your own font. Visitors can drag and throw it."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is set from the panel: places, hub or chain links, every color, spin, tilt, shading and fonts. It is a single canvas with no libraries, tiles or API keys."}]},{"type":"paragraph","content":[{"type":"text","text":"Feedback is welcome."}]}]},"author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5Pyj1nsjSOzvNXfHBr1I","resolved":true,"title":"Globe Arcs","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Globe Arcs is a rotating 3D globe that shows how your places connect. Hairline arcs link your cities, a small pulse of light travels along each one, and location tags drift in and out of view as the globe turns. The default look is bright, quiet and minimal: a pearl white sphere, fine dark dots and a single accent color. Visitors can grab the globe and throw it. Everything is set from the properties panel, no code needed."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add places with a name, latitude and longitude, up to 40"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hub mode links your first place to all the others. Chain mode links each place to the next"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A pulse of light travels along every arc, with its own color and speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Continuous rotation in either direction, with adjustable tilt and start longitude"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag to rotate, with a natural throw that eases back to cruising speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Location tags in your own font, size, weight and letter spacing, as solid tags or plain text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every color is editable and accepts your Framer color styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pearl sphere with adjustable shading, or turn the sphere off for a floating dot globe"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional see through mode, halo and neon arc glow for dark pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on light and dark backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses when off screen and respects reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external libraries, map tiles, API keys or network requests"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global network, payments, shipping and infrastructure sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Headquarters and offices, remote team maps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Travel routes and event tours"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the component link you receive after purchase and paste it onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Resize it freely. The globe fits the shorter side of the frame. Leave some room around it for the arcs and tags."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your places in the right panel. Put your main location first if you use Hub mode."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the colors, font, spin and tilt to match your site."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or issues? Email "},{"type":"text","text":"guocianyu@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:guocianyu@gmail.com","target":"_blank"}}]}]}]},"introduction":"3D globe with animated arcs","slug":"globe-arcs","author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a0c271-471e-729e-99fc-f5ed48993679.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T05:31:08.972Z","updatedAt":"2026-09-21T05:31:08.972Z","publishedAt":"2026-09-21T05:31:08.969Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://guocianyu-globe-arcs.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/IVi4QSnz-globe-arcs-framer-component","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"WiCtIlewAJvtQ3WHWORT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T05:31:09.551Z","updatedAt":"2026-09-21T05:31:09.551Z"},{"id":"01a0ba0d-0ee6-774c-9ce9-3fff375904c8","title":null,"body":"

Tags that float, fall and drag. A physics footer I built for my own Framer site, now available as a component. Grab one and throw it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tags that float, fall and drag. A physics footer I built for my own Framer site, now available as a component. Grab one and throw it."}]}]},"author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aww0rc5EWjcSn8iTpK6h","resolved":true,"title":"Falling Tags","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Falling Tags turns your footer into a small physics playground. When the section scrolls into view, your tags fade in floating at the top, hover for a moment, then lose their footing, fall and pile up at the bottom. Visitors can grab any tag, drag it around and throw it. It comes with a clean, minimal default look and everything is editable from the properties panel, no code needed."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tags float first, then drop with real physics and stack naturally"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and throw tags with the mouse or a finger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type your own labels right in the panel, up to 60 tags"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick one color or many. Tags are shared evenly between your colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text color adapts to each fill automatically, or set your own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner radius, outline width and outline color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full font and padding control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gravity, bounce, friction, hover time and stagger settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plays when scrolled into view, and again on every new page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transparent and click-through, so it can sit on top of your footer links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shows the settled pile on the canvas and respects reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses itself when resting or off screen"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Best for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and studio footers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Skills, services and tech stack sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Playful contact and about pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the component onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place it in your footer. Set the width to Fill and give it a fixed height, around 500 to 700 on desktop."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type your tags and choose your colors in the right panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On the phone breakpoint, lower the font size so every tag fits the width."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Note: The drop animation plays in Preview and on the published site. On the canvas you see the settled pile."}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or issues? Email "},{"type":"text","text":"guocianyu@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:guocianyu@gmail.com","target":"_blank"}}]}]}]},"introduction":"Tags that float, fall and drag","slug":"falling-tags","author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a0ba02-9b46-766b-9de7-1708695e1ac9.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-19T14:23:32.479Z","updatedAt":"2026-09-19T14:47:26.803Z","publishedAt":"2026-09-19T14:23:32.475Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://guocianyu-falling-tags.framer.website/","price":"9","paymentUrl":"https://contra.com/payment-link/dFHalIHc-falling-tags-framer-component","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"ntwL6Op2wfIquu2EfvEn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T14:23:33.094Z","updatedAt":"2026-09-19T14:23:33.094Z"},{"id":"01a0b34f-7577-713e-ae8d-d03be7b9d5b4","title":null,"body":"

Just released Sticky Media 🎬

Pin images, videos and YouTube clips to the viewport while the page scrolls. Each one is revealed by a scrolling window, so the media never gets pushed away.

- Mix images, uploaded videos and YouTube in one list

- Loop any segment of a video

- Videos pause automatically when off screen

Live preview: https://guocianyu-sticky-media.framer.website/

Feedback welcome!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released Sticky Media 🎬"}]},{"type":"paragraph","content":[{"type":"text","text":"Pin images, videos and YouTube clips to the viewport while the page scrolls. Each one is revealed by a scrolling window, so the media never gets pushed away."}]},{"type":"paragraph","content":[{"type":"text","text":"- Mix images, uploaded videos and YouTube in one list"}]},{"type":"paragraph","content":[{"type":"text","text":"- Loop any segment of a video"}]},{"type":"paragraph","content":[{"type":"text","text":"- Videos pause automatically when off screen"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview: "},{"type":"text","text":"https://guocianyu-sticky-media.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://guocianyu-sticky-media.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Feedback welcome!"}]}]},"author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Rvy6KIbnY8RIPMGbSrhB","resolved":true,"title":"Sticky Media","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky Media pins images, videos and YouTube clips to the viewport while the page scrolls. Each item is revealed by a scrolling window, so the media never moves or gets pushed away. The result is a calm, editorial scroll that works for hero sections and project showcases."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mix images, uploaded videos and YouTube in one list"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loop any segment of a video with start and end times"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Videos autoplay muted and pause when off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional YouTube player controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlay color, corner radius and sticky offset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion preferences"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Resize freely on the canvas"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and studio homepages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project case study intros"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and brand landing pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Setup"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy the component link you receive after purchase and paste it onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the width to Fill and the height to number of items x 100vh."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Make sure all parent frames have Overflow set to Visible."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your media in the right panel."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Note: YouTube briefly shows its title bar while loading. Use an uploaded video for a fully clean background."}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or issues? Email: guocianyu@gmail.com"}]}]},"introduction":"Sticky images, videos and YouTube","slug":"sticky-media","author":{"framerUserId":"2254ab54-9d85-4a45-a5d2-07a475ee0427","name":"Guo","slug":"cy-guo","avatar":"https://framerusercontent.com/avatars/users/2254ab54-9d85-4a45-a5d2-07a475ee0427/RWe0spdDa","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2254ab54-9d85-4a45-a5d2-07a475ee0427/01a0b34f-0627-735d-968f-3d481100f508.png","metadata":{"tint":{"h":0,"s":0,"l":24},"width":2920,"height":1604}}],"post":null,"createdAt":"2026-09-18T06:58:43.670Z","updatedAt":"2026-09-20T03:51:17.643Z","publishedAt":"2026-09-18T06:58:43.667Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://guocianyu-sticky-media.framer.website/","price":"9","paymentUrl":"https://contra.com/payment-link/LbGILbST-sticky-media-framer-component","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"0yGRbWHcjAM6tshRMTmy","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-18T06:58:44.215Z","updatedAt":"2026-09-18T06:58:44.215Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]