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

About this component

Back Trigger is a lightweight trigger that instantly adds “go back” navigation to any button, component, or frame. You do not need to rebuild buttons or set extra styles. Any click within the parent container will return users to the previous page, while keeping your design and interactions just as you created them.

Features

Turns clicks on its parent and inner elements into a “go back” action
Can be added to your existing design with no extra style settings and no effect on your original interactions
Completely invisible with 0 width and height
No setup or style tweaks needed
No need to add page links

Getting started

Add Back Trigger to your desired element (button, frame, or component).
Set its position to Absolute.
It works instantly. No changes to your layout or design required.

How to nest this trigger

Option 1

Container (Button, Frame, Stack, etc.)
└ Back Trigger
└ Your Own Button (or other element)

Option 2

Your Own Button
└ Back Trigger (add directly inside)

Note

Back Trigger does not function in Preview. You can see it working on your live site. This does not affect your design or final effect.

53:T7a5,

About this component

Radius on Scroll lets you animate corner radius and padding of images or videos based on scroll position, with per-corner and per-side control. It supports smooth, progressive transitions triggered by viewport entry and exit, and integrates seamlessly with Framer’s native image and video inputs.

Perfect for creating immersive hero sections, soft reveals, and scroll-driven transitions that respond to scroll without complex code. Whether you’re shrinking fullscreen media into a rounded block, expanding thumbnails to fill the screen, or creating something entirely unexpected, this component gives you the flexibility to design beyond the grid, driven by scroll.

Controls

Type: Toggle between image and video
Image: Upload using Framer’s native responsive image input
Video Source: Choose between URL or uploaded file
Start/End Radius: Set individual or unified radius for each corner
Start/End Padding: Set individual or unified padding for each side
Trigger Points: Choose where animation starts and ends
Offset Y: Add vertical offset to fine-tune scroll trigger
Transform Distance: Control how much scroll distance the transition spans
Responsive Layout: Media perfectly fills the component without distortion or unwanted margins

Getting started

Copy and paste the component into your project.
Set the width and height to Fixed or Fill, depending on your layout.
Upload an image or video using the built-in panel.
Adjust other settings and let your creativity take over.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-2a7480e1-02fe-4438-a9dc-4f77815fe7bb-all:/unified/creator/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/activity/":[{"data":[{"id":"01a0bd59-c516-7674-9c7d-91386667d73a","type":"post.liked","target":{"type":"post","id":"01a0bd54-ccd5-75db-925a-c091b2e9350d","preview":"Clean product design","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean product design"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9c8a5891-3826-46d5-a4f6-fbde497db80a/01a0bd54-b10d-7235-b734-0e72b67e7eb4.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bd54-ccd5-75db-925a-c091b2e9350d","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","slug":"ericzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T05:46:12.113Z","latestAt":"2026-09-20T05:46:12.113Z"},{"id":"019fdbec-5442-7728-bd7c-3a83a85f39e3","type":"component.liked","target":{"type":"component","id":"W5UGhPATJVDAlgMVbQOC","preview":"Hover Text Highlight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/W5UGhPATJVDAlgMVbQOC/hovertexthighlight-kRBK6zwJe9TFcDFIMVfCc6qGwA5chv","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","slug":"ericzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-07T11:12:06.205Z","latestAt":"2026-08-07T11:12:06.205Z"},{"id":"019fdbec-4684-7509-b4f3-ea9790efc3cd","type":"creator.followed","target":{"type":"creator","id":"87224a18-f8f9-4ede-a2f7-228bc934b895","preview":"Li Wang","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/87224a18-f8f9-4ede-a2f7-228bc934b895/sy0rlu15","slug":"li-wang","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","slug":"ericzhang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T11:12:02.689Z","latestAt":"2026-08-07T11:12:02.689Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2a7480e1-02fe-4438-a9dc-4f77815fe7bb:/unified/posts/?creator=2a7480e1-02fe-4438-a9dc-4f77815fe7bb&with=reposts":[{"data":[{"id":"019e869c-f677-777e-97f4-5f044a0a6552","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","slug":"ericzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"15957","resolved":true,"title":"Lockeroom – Executive Health","body":null,"bodyJson":null,"introduction":"Conversion-focused landing page built in Framer for Lockeroom's Executive Health Assessment campaign. Features responsive layouts, reusable structures, custom form integrations, minimal motion design, and support for multi-channel marketing campaigns.","slug":"lockeroom-executive-health","author":{"framerUserId":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","slug":"ericzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15957/thumbnail-7nOYss8xcYLQrNc0SmIuSlgr5BEFJk.jpg","metadata":{"tint":{"h":0,"s":0,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-02T04:34:54.198Z","updatedAt":"2026-06-02T04:34:54.198Z","publishedAt":"2026-06-02T04:34:54.199Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://intro.lockeroomgym.com/assessment","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"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-06-02T04:34:54.199Z","updatedAt":"2026-06-02T04:34:54.199Z"},{"id":"019898e1-7bc0-7e15-b46b-516bfdd05c64","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","slug":"ericzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"gUEAcQFGkXMDzP4G6ygD","resolved":true,"title":"Back Trigger","body":"$52","bodyJson":null,"introduction":"","slug":"back-trigger","author":{"framerUserId":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","slug":"ericzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/gUEAcQFGkXMDzP4G6ygD/back-trigger-ACLp2jWDLhWHGm4yfCihTouTgjCyHD","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-05T12:42:46.818Z","updatedAt":"2025-08-11T11:25:42.209Z","publishedAt":"2025-08-11T11:26:10.880Z","featuredAt":"2026-07-01T07:26:07.000Z","approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/BackTrigger-WT4I.js@hlpJPt86PDl5gp2oJAoK","previewUrl":"https://easier-fade-591447.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"hlpJPt86PDl5gp2oJAoK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":158,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-11T11:26:10.880Z","updatedAt":"2025-08-11T11:26:10.880Z"},{"id":"01988721-9094-7e5a-a75e-e14b78ced0bb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","slug":"ericzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6uGrZW1ciOvieyrxGJuw","resolved":true,"title":"Radius on Scroll","body":"$53","bodyJson":null,"introduction":"","slug":"radius-on-scroll","author":{"framerUserId":"2a7480e1-02fe-4438-a9dc-4f77815fe7bb","name":"Eric Zhang","slug":"ericzhang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a7480e1-02fe-4438-a9dc-4f77815fe7bb/302rixy2","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i8EZn5PyTZAcqhhayS62/radius-on-scroll-ERXXnYatKXEenp3EWn3joeSSJ8mgnM","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-02T07:31:12.895Z","updatedAt":"2025-08-06T11:57:26.347Z","publishedAt":"2025-08-08T00:43:00.628Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/RadiusOnScroll-z8Z2.js@qWwhyLW8hSoq6nxiihTS","previewUrl":"https://particular-site-336288.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"qWwhyLW8hSoq6nxiihTS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":70,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-08T00:43:00.628Z","updatedAt":"2025-08-08T00:43:00.628Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]