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

Fluid Motion Cursor

Bring your Framer projects to life with stunning, interactive fluid simulations! The FluidMotionWrapper component lets you create mesmerizing liquid backgrounds, dynamic hero sections, and playful UI effects- no coding required. Powered by advanced WebGL, it offers deep customization: tweak simulation physics, color palettes, bloom and sunray effects, and choose from multiple animation patterns (circle, wave, spiral, random walk, and more).

Key Features:

Real-Time Fluid Simulation: Responsive, touch-friendly, and visually captivating.
Full Control: Adjust resolution, splat force, dissipation, pressure, and curl for unique fluid dynamics.
Color Magic: Use random colors or set your own palette-change on hover or click.
Visual Effects: Add bloom and sunrays for extra glow and atmosphere.
Sleep Mode Animations: Choose from circular, wave, spiral, star, and random walk patterns for idle states.
Easy Integration: Drag and drop into any Framer design. All settings are available in the Framer property panel.

Perfect for: Hero backgrounds, interactive sections, creative transitions, and anywhere you want to wow your users.

Try it now: Explore presets and play in the playground

53:T105a,

Before & After Slider

is an ultra-flexible, mobile-friendly Framer Plugin that lets you showcase stunning Before & After transformations with just a few props. It delivers smooth, performant image comparison out of the box - and gives you full control over every detail:

Dual Modes

Static LabelsSit anywhere you like (top/center/bottom × left/center/right), with adjustable margin.
Attached Labels“Glue” labels to the draggable handle for an interactive reveal.

Rich Label Styling

Pick your font family, weight & variable axes, size, text-color, background, padding, border (color, width, radius) and backdrop-filter. Labels fade out on drag and fade back in on release.

Image Effects & Fade-In

Apply per-image CSS filters - blur, grayscale, sepia, invert, contrast, brightness, saturate, hue-rotate or opacity. Optionally fade both images into view when they load (or when you tweak fade settings), with customizable duration & delay.

Handle Customization

Tweak every aspect of the knob:

Knob size, border-radius, background, border, box-shadow, backdrop-filter, icon-color & icon-spacing
Drag bars width, length, color, opacity & drop-shadow

Slider Behavior & Accessibility

Portrait mode for vertical comparisons
Disabled to lock the handle in place
Clip which side(s) get clipped by position%: first, second or both (perfect for transparent images)
Bounds Padding for extra inner margin around the handle
Follow Hover move on pointer hover without dragging
Only Handle require grabbing the knob to slide
Keyboard Step move by any % via arrow keys
Initial Position set the starting split (0–100%)
Animation configure easing, duration & delay for programmatic moves
Reset on Leave snap back to start when pointer exits

Frame & Container Styling

Round frame corners, add uniform or per-side borders, apply custom drop-shadows.

Use Cases & Inspiration

Whether you’re showcasing cosmetic makeovers, home renovations, product upgrades or scientific data, Before & After Slider makes comparisons beautiful, intuitive - and endlessly configurable. Here are just a few ways you can put it to work:

Beauty & Fashion
- Before/after makeup transformations
- Photo retouching vs. original
- Hairstyle makeovers
Architecture & Design
- Home renovation progress
- Room staging “before vs. staged”
- Historical restoration comparisons
Product & Marketing
- New vs. old product features
- Packaging redesign previews
- “Unboxing” vs. final setup
Medical & Scientific
- Medical imaging (e.g. MRI, X-ray) progression
- Satellite/environmental change over time
- Simulation vs. real-world results
Digital & UX/UI
- App interface redesigns
- Website version A vs. B
- Iconography or typography updates
Data Visualization
- Chart or map data “then vs. now”
- Heatmap comparisons
- Performance metrics over time
Creative & Miscellaneous
- Artwork before/after restoration
- Landscape or travel photography edits
- Any side-by-side storytelling

No matter your field - creative, commercial or scientific - Before & After Slider lets you reveal the magic of change with pixel-perfect control and seamless performance, all powered by react-compare-slider.

54:T70e,

YouTube Playlist Player overview

Allows you to load and cue shorts, videos or entire playlists, gives you full control over what plays and when
With advanced playback options, you can set start and end times, adjust playback speed, and even shuffle videos for a dynamic viewing experience
Choose between interactive modes that allow user control or background modes where videos play seamlessly without interaction.
Use Advanced Single Playlist Player, Slider or Grid Widgets to create an engaging video experience

Take control of your YouTube experience with the Youtube Playlist Player - the ultimate tool for managing and displaying your favorite YouTube videos and playlists. Whether you're a content creator, educator, or just someone who loves sharing video content, our app provides the flexibility and features you need to create an engaging video experience. Explore seamless playlist management, customizable playback options, and a user-friendly interface that makes organizing your video content effortless. The Youtube Playlist Player is designed to elevate your video content experience, providing a comprehensive solution for managing YouTube videos and playlists. Whether you're curating content for a classroom, showcasing a portfolio, or setting up an engaging video wall, our app has you covered.

With Effortless Playlist Management, you can easily load videos by ID, URL, or playlist, and cue them for precise playback. The app's Customizable Playback Experience allows you to set specific start and end times, adjust the playback rate, and shuffle playlists for variety, making it perfect for any scenario.

Explore the full potential of your video content with the Youtube Playlist Player.

55:T5dd,

Smooth Scroll

Tired of choppy scrolling?

Want to add smoothness to all your content and scroll-based animations?

Smooth Scroll transforms your website's navigation into an effortlessly smooth experience, elevating user engagement and satisfaction. By utilizing the a light-weight and high performance Lenis library (by darkroom.engineering), this app introduces a level of scrolling fluidity typically found in high-end websites, directly to your website in a few clicks.

Why Smooth Scroll?

Elevate User Experience: Eliminate jarring jumps and starts with seamless scrolling. Scrolling with a mouse wheel your site’s content becomes as smooth as swiping through a premium app.
Engage Your Audience: Infinite scroll functionality means users can enjoy your content without interruption. This feature is perfect for portfolios, blogs, e-commerce sites, and more, keeping users engaged longer.
Simple Setup: You don’t need to be a coding expert to enjoy Smooth Scroll Pro. With user-friendly options, your site can be upgraded in minutes.

Why Choose Smooth Scroll?

Because your site deserves the same smooth, responsive scrolling enjoyed by the biggest names on the web. Add app to your site today and try it yourself.

App Demo - vanyadoing-dev.com/smooth-scroll-framer

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-c3f6b941-2fe9-41e4-bbe0-371b5c4df704-all:/unified/creator/c3f6b941-2fe9-41e4-bbe0-371b5c4df704/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c3f6b941-2fe9-41e4-bbe0-371b5c4df704:/unified/posts/?creator=c3f6b941-2fe9-41e4-bbe0-371b5c4df704&with=reposts":[{"data":[{"id":"019888d5-bd7c-7b5d-a421-bf2ab81c829a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eSQ1t9jFsK7UVJPpOxXD","resolved":true,"title":"Fluid Motion Cursor","body":"$52","bodyJson":null,"introduction":"","slug":"fluid-motion-cursor","author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eSQ1t9jFsK7UVJPpOxXD/fluid-motion-cursor-K1kcvX6Va1oIBdtex4Eq1ATnl4FRQw","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-07T16:03:12.939Z","updatedAt":"2025-08-08T08:36:28.611Z","publishedAt":"2025-08-08T08:39:25.820Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://invigorated-project-227529.framer.app/","price":"20","paymentUrl":"https://buy.stripe.com/dRmdR9ecubmGfep6711Jm04","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"vI98mdrKsZS64svHxy1G","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-08T08:39:25.820Z","updatedAt":"2025-08-08T08:39:25.820Z"},{"id":"01967725-bb9f-74dc-8cad-288f51b65239","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"330","resolved":true,"title":"Before & After Slider","body":"$53","bodyJson":null,"introduction":"Magic in every transformation","slug":"before-after-slider","author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/330-tYmC2FkytqCupRZok49xtdiQ3QrB44","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/330-wR2BU9TX0bVfpNWA10lBHQjunhh6Am","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-04-23T16:24:37.345Z","updatedAt":"2025-04-27T09:16:40.768Z","publishedAt":"2025-04-27T12:08:03.743Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"1td3havx0k0id4ks5jt9d58je","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"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":"2025-04-27T12:08:03.743Z","updatedAt":"2025-04-27T12:08:03.743Z"},{"id":"01967148-e2e7-7f3e-a085-0993fd56784c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"318","resolved":true,"title":"Youtube Playlist Player","body":"$54","bodyJson":null,"introduction":"Enhanced Youtube-total control","slug":"youtube-playlist-player","author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/318-JYPwH3uQDV7pPHevEYDuOY3WHVzMTG","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/318-yPY8QS1SP97I2Hfm2kcXQ2QKnPkRH2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/318-NG4WTKlBDhrgY9S7RaCvV1T2OGp0WR","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/318-eMB2LGu8IUGHkGsZ0Oy9KpjoaAo4uA","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-04-17T16:29:48.180Z","updatedAt":"2025-07-20T14:58:05.891Z","publishedAt":"2025-04-26T08:48:44.263Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"4meiveicssfn1pgizbfcshx3k","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"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":"2025-04-26T08:48:44.263Z","updatedAt":"2025-04-26T08:48:44.263Z"},{"id":"0195f65a-f413-7a8f-8757-676877c30702","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"288","resolved":true,"title":"Smooth Scroll","body":"$55","bodyJson":null,"introduction":"Web scrolling as it should be","slug":"smooth-scroll","author":{"framerUserId":"c3f6b941-2fe9-41e4-bbe0-371b5c4df704","name":"Vanyadoing","slug":"vanyadoing","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/659760/avatar-vuan7LRl2dW7Qy06XaNuuLTtw3iZ7h.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/288-qHjOQQYa2MqpEDQY4AKan5OjvHnKgW","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/288-2PsaJRADvxMyYjnw1wepPGCjLEBZKL","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-03-23T17:14:23.691Z","updatedAt":"2025-07-20T14:58:56.036Z","publishedAt":"2025-04-02T11:55:10.739Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"6qh1y17alxr6dozmotyp9vlv0","paid":true,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-04-02T11:55:10.739Z","updatedAt":"2025-04-02T11:55:10.739Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]