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

About

This component lets the user create a multimedia box gallery with expanding image and video media.

Instructions

Add the component anywhere on your site.
Upload your image and video media content.
Customise the appearance of the media box including text, fonts,colours and radius etc.
Preview or publish your site to test the video lock functionality.

What you get

When you buy this component, you'll get:

The Multimedia Box component with full functionality and access to all future component updates.
Clear setup instructions to help you integrate the component into your site.
Dedicated support & assistance to answer any queries you have in relation to customisation and site integration.

Support

For support queries and assistance, get in touch at hello@mediumui.com

Refund Policy

Components function only as detailed. Should any function not act as intended and we are unable to resolve the problem, you are eligible for a refund. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or lack of features which have not been detailed.

52:T8b6,

About

This PIN page locking component lets you create a 4-6 character long PIN to lock full pages, gating access until the user enters the correct code. The PIN lock screen prevents users without a PIN from viewing the page content and is fully customisable through the component properties panel. The PIN can be set with any combination of letter and/or number characters.

Instructions

Add the component to the primary layer of any page.
Set the PIN in the properties panel.
Customise the appearance of lock screen including text, fonts and background.
Enable additional features like Access Duration (how long, in days, the user will get access after they enter the correct code), Max Attempts (how many attempts a user will get before being locked out) and the Lockout Duration (how many minutes before the user can try again.
Preview or publish your site to test the video lock functionality.

What you get

When you buy this component, you'll get:

The PinLock component with full functionality and access to all future component updates.
Clear setup instructions to help you integrate the component into your site.
Dedicated support & assistance to answer any queries you have in relation to customisation and site integration.

Support

For support queries and assistance, get in touch at hello@mediumui.com

Refund Policy

Disclaimer

FramerLock components use client-side authentication and should not be used for sensitive information or personal user data. For increased security and content protection, implement server-side authentication. FramerLock components are designed for standard content gating only.

53:T5e3,

About

This component lets the user create a multi-step video component for user learning, training and tutorials with video section heading, description and step navigation.

Instructions

Add the component anywhere on your site.
Upload your video content.
Customise video section headings and descriptions.
Customise component appearance with properties for colours, gap spacing, padding etc.
Preview or publish your site to test the video step functionality.

What you get

When you buy this component, you'll get:

The Multi-step Video component with full functionality and access to all future component updates.
Clear setup instructions to help you integrate the component into your site.
Dedicated support & assistance to answer any queries you have in relation to customisation and site integration.

Support

For support queries and assistance, get in touch at hello@mediumui.com

Refund Policy

54:T860,

About

This component lets you create a PIN or PassKey to lock individual pages or CMS detail pages, gating access until the user enters the correct code. The full view locking screen protects page content and is fully customisable through the component properties panel. The PIN or PassKey can be set with any combination of letter and/or number characters.

Instructions

Add the component into the 'Primary' layer of your site page (this will add a full page overlay, just set the visible property to 'No' to edit your page content and set back to 'Yes' in order to enable to page lock.
Set the PIN or PassKey in the properties panel.
Customise the appearance of lock screen including logo, text, images, fonts and background to reflect your brand.
Enable additional features like Access Duration (how long, in days, the user will get access after they enter the correct code), Max Attempts (how many attempts a user will get before being locked out) and the Lockout Duration (how many minutes before the user can try again.
Preview or publish the site to test the page lock functionality.

CMS Page Protection

The PageLock component can also be used to protect individual CMS detail pages with options for variable 'Preview Images'. After purchase, a simple 2-step process will be included in the setup instructions to enable CMS detail page locking on a page-by-page basis.

Support

For support queries and assistance, get in touch at hello@mediumui.com

Disclaimer

55:T6af,

About

This video locking component lets you create a PIN or PassKey to lock the video from view, gating access until the user enters the correct code. The video lock screen prevents users without a PIN or PassKey from viewing the content and is fully customisable through the component properties panel. The PIN or PassKey can be set with any combination of letter and/or number characters.

Instructions

Add the component anywhere on your site.
Upload your video content.
Set the PIN or PassKey in the properties panel.
Customise the appearance of lock screen including text, fonts and background.
Enable additional features like Access Duration (how long, in days, the user will get access after they enter the correct code), Max Attempts (how many attempts a user will get before being locked out) and the Lockout Duration (how many minutes before the user can try again.
Preview or publish your site to test the video lock functionality.

Support

For support queries and assistance, get in touch at hello@mediumui.com

Disclaimer

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-c39763f9-d070-4535-be94-83971f270a6d-all:/unified/creator/c39763f9-d070-4535-be94-83971f270a6d/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c39763f9-d070-4535-be94-83971f270a6d:/unified/posts/?creator=c39763f9-d070-4535-be94-83971f270a6d&with=reposts":[{"data":[{"id":"019bec7d-1f0b-7d79-a8a5-cc445125784a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"x436gqm9O996srJkeRPB","resolved":true,"title":"Multimedia Box","body":"$51","bodyJson":null,"introduction":"Expanding Image / Video Media Lightbox","slug":"multimedia-box","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/x436gqm9O996srJkeRPB/multimedia-box-xlM5MyJYTKssxAxBnCeqJbHy2zy3Xv","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-12T09:39:36.354Z","updatedAt":"2026-01-23T19:34:21.339Z","publishedAt":"2026-01-23T20:13:01.579Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://media-box.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_CqMPcp0r1jyAZNsjP0n5t4jz9bx5ckRuCPbcv4UMwaK","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"Mm8VWB1sULDGoOFtUFC4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-23T20:13:01.579Z","updatedAt":"2026-01-23T20:13:01.579Z"},{"id":"019be846-e141-7a11-9a76-0209b468cf2d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"B0dhjRp0FIw2yFovEvUT","resolved":true,"title":"Pin Lock","body":"$52","bodyJson":null,"introduction":"Make Individual Pages Accessible By PIN","slug":"pinlock","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/B0dhjRp0FIw2yFovEvUT/pinlock-HhdfMetpB57QR0iLJQ0wSbBgouUZzZ","metadata":{"tint":{"h":210,"s":29,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-05T17:19:51.533Z","updatedAt":"2026-01-25T12:40:59.173Z","publishedAt":"2026-01-23T00:35:17.953Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://charming-rectangle-841027.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_qfpJJG1zYT6wFdMxXJCS39XTbsCUHTX7hXse00WLVxU","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"7E8Pl1oAXuj29AVRS90m","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-23T00:35:17.953Z","updatedAt":"2026-01-23T00:35:17.953Z"},{"id":"019be4a2-9c57-76cf-849e-50f20259822d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"U1XLwuS4KgRV3cL5QHEE","resolved":true,"title":"Material Clock","body":"

About

This component lets the user create a customisable minimal clock element with hover interaction.

What you get

When you download this component, you'll get:

The Material Clock component with full functionality and access to all future component updates.
Clear setup instructions to help you integrate the component into your site.
Dedicated support & assistance to answer any queries you have in relation to customisation and site integration.

Support

For support queries and assistance, get in touch at hello@mediumui.com

","bodyJson":null,"introduction":"Minimal Design Clock With Hover Time ","slug":"material-clock","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/U1XLwuS4KgRV3cL5QHEE/material-clock-MA82wGVG5mLf82RtF9GNKUkdtKpIqW","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-09T10:49:29.736Z","updatedAt":"2026-01-22T07:40:43.443Z","publishedAt":"2026-01-22T07:37:00.759Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/AnimatedClock-gY9Ohs.js@T0cUv7hc9nZXvfgZ3KfT","previewUrl":"https://minimal-clock.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"T0cUv7hc9nZXvfgZ3KfT","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-01-22T07:37:00.759Z","updatedAt":"2026-01-22T07:37:00.759Z"},{"id":"019bd68f-c5d0-719c-b220-b4dd5b77ac3c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XWB1gCrVolA3CQUgxjRJ","resolved":true,"title":"Multi-Step Video","body":"$53","bodyJson":null,"introduction":"Easily create training / tutorial guides","slug":"multi-step-video","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XWB1gCrVolA3CQUgxjRJ/multi-step-video-Oa2XOffNXJwxZQd1scDtE2l64zv9Pg","metadata":{"tint":{"h":210,"s":22,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-07T09:46:52.194Z","updatedAt":"2026-01-25T12:42:05.991Z","publishedAt":"2026-01-19T14:01:45.168Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://multistep-video.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_ETYtILPAsRqDAsLFQ5Ph4sNK6AjNfTcQqaAtG2kwVLH","workshop":true,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"d1Ou18hUqdP9eZsAVBdT","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-01-19T14:01:45.168Z","updatedAt":"2026-01-19T14:01:45.168Z"},{"id":"019b9892-6c7c-7085-a5cd-aa2abab2fdcc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DNwekalAbGhY2MdwwkLv","resolved":true,"title":"PassKey Page Lock","body":"$54","bodyJson":null,"introduction":"","slug":"passkey-page-lock","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MZQrCrfWkfcXTBXTiYQi/passkey-page-lock-44K7oXLYQU9b5JmH3zVDsddHsr1JlZ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-17T12:34:10.285Z","updatedAt":"2026-01-14T07:28:13.648Z","publishedAt":"2026-01-07T13:08:11.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Passkey-PageLock-RedKOR.js@qej1thkIHNU9szIG5H1z","previewUrl":"https://passkey-pagelock.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"qej1thkIHNU9szIG5H1z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-07T13:08:11.516Z","updatedAt":"2026-01-07T13:08:11.516Z"},{"id":"019b9867-d712-7586-94e9-8748f200338e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YgRkyzaTYJNRUr8T7ziD","resolved":true,"title":"Animated Bar Clock","body":"

About

The component is an Animated Bar Clock with Hour, Minute & Second fill based on current time + user interaction to change timezone. The clock time is based on the 24-hour system changing from AM to PM.

Customisation

Every part of the component can be customised with regard to colour, font and element sizing.

Instructions

Add the component into the 'Primary' layer of your site page.
Select then desired timezone.
Customise appearance of font, colour and bar sizing.
Preview or publish the site to test the functionality.

Support

For support queries and assistance, get in touch at hello@mediumui.com

","bodyJson":null,"introduction":"","slug":"animated-bar-clock","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/YgRkyzaTYJNRUr8T7ziD/animated-bar-clock-pQKs6lTZqP30fqK7UngIb2sdqkEMeL","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-18T15:51:30.539Z","updatedAt":"2026-01-11T12:34:04.266Z","publishedAt":"2026-01-07T12:21:40.754Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/AnimatedClock-rcG9.js@1pHYzgXl8SdQu28QnhC2","previewUrl":"https://animated-bar-clock.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"1pHYzgXl8SdQu28QnhC2","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-01-07T12:21:40.754Z","updatedAt":"2026-01-07T12:21:40.754Z"},{"id":"019b8e06-3427-72c7-b8ba-e66537b9ef86","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ii7SmKi86lbIsA8S3Sy2","resolved":true,"title":"VideoLock","body":"$55","bodyJson":null,"introduction":"","slug":"videolock","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ii7SmKi86lbIsA8S3Sy2/videolock-Cqv1UC7rsZ5qIRK1QJNHK2OPBTFMwX","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-17T19:41:52.360Z","updatedAt":"2026-01-14T07:29:37.030Z","publishedAt":"2026-01-05T11:58:49.895Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/PasswordProtectedVideo-jCAG.js@Ct15z1QWMvKbAdxvYmK4","previewUrl":"https://passkey-videolock.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Ct15z1QWMvKbAdxvYmK4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-05T11:58:49.895Z","updatedAt":"2026-01-05T11:58:49.895Z"},{"id":"019b8d5e-f246-7ec7-a0e6-10174f7335cb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"THIjhRdYB5xjj9JLxKyc","resolved":true,"title":"Motion Colour Text","body":"

About

This component lets the user create a playful text animation for headings and titles, animated with colour and motion. Animation is activated by cursor hover, enabling motion and colour for the individual letter.

Instructions

Add the component into the 'Primary' layer of your site page.
Input your desired text string.
Customise appearance of the text, default colour and font.
Enable additional features including colour mode, move distance and rotation angle for letters when hovered.
Preview or publish the site to test the functionality.

Support

For support queries and assistance, get in touch at hello@mediumui.com

","bodyJson":null,"introduction":"","slug":"motion-colour-text","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/THIjhRdYB5xjj9JLxKyc/motion-colour-text-F2LTHmQmpN7OUuQJmZOzGfL9e77OOy","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-18T12:41:04.633Z","updatedAt":"2026-01-14T07:29:50.398Z","publishedAt":"2026-01-05T08:56:08.518Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/AnimatedTextHeading-wLYQ.js@hJEmtptBVkyItt9OWXXk","previewUrl":"https://colour-motion-text.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"hJEmtptBVkyItt9OWXXk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":30,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-05T08:56:08.518Z","updatedAt":"2026-01-05T08:56:08.518Z"},{"id":"019b82c2-a3b6-7343-8d9b-4fac3583c231","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"T4cID4lyBuij6NATKbeX","resolved":true,"title":"Dot Message Scroll","body":"

About

This component lets you create a smooth scrolling or interval dot matrix message bar with individual message links. Hovering the message bar stops the scroll and highlights the specific message being hovered, letting the user click through to an optional link.

Support

For support queries and assistance, get in touch at hello@mediumui.com

","bodyJson":null,"introduction":"","slug":"dot-message-scroll","author":{"framerUserId":"c39763f9-d070-4535-be94-83971f270a6d","name":"MediumUI","slug":"mediumui","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/934663/avatar-6j1znJLynUqKrtijpZm1VjFzZQmufj.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/T4cID4lyBuij6NATKbeX/dot-message-scroll-THqWCnshCo2WKhWFB4mQvF7HUTqNIr","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-19T12:02:48.664Z","updatedAt":"2026-01-14T07:29:00.934Z","publishedAt":"2026-01-03T07:29:12.630Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/DotMatrixScroll-OSie.js@DfCsu7RC2NNat3vE1KiH","previewUrl":"https://dot-message-scroll.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"DfCsu7RC2NNat3vE1KiH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-03T07:29:12.630Z","updatedAt":"2026-01-03T07:29:12.630Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]