61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T576,

An Apple inspired text scroll highlight effects built for cinematic and high end web experiences. Drive headline reveals with color shifts, responsive 3D perspective angles, spatial depth scales and fluid vertical motion.

FEATURES

Scroll Driven Color Reveal: Seamlessly transition typography from an initial state to a vibrant highlight color tied directly to scroll progress.
3D Perspective & Tilt Controls: Apply custom 2D rotation or immersive 3D X/Y perspective angles that straighten automatically as headlines scroll into view.
Spatial Depth & Dynamic Blur: Emulate VisionOS aesthetics with word-by-word dynamic scale, Z-axis translate, and adaptive lens blur depth effects.
Elastic Wave Motion (Wave FX): Enable organic vertical sine-wave displacements to create fluid, ripples-on-water kinetic text motion.
Letter & Word Splitting: Granular control over animation staggering, allowing triggers by individual letters or full word blocks.
Viewport Trigger: Fine tune scroll start references (top/center/bottom) and offset percentages, with optional forward, reverse and repeat scroll behaviors.

63:T5b8,

Add playful emoji confetti explosions to any Framer element on hover, click, or scroll reveal (an appear). Powered by the open-source canvas-confetti library, this component gives you full control over emoji presets, physics and triggers.

FEATURES

Multiple Trigger Modes: Fire confetti bursts on Hover (mouse movement), Click, Both, or automatically On Appear.
Auto Trigger (On Appear): Launch celebratory animations when elements scroll into view — perfect for success screens and milestones. Includes custom delay, duration, and stream sources (Edges or Center).
Customizable Physics & 3D Effects: Fine-tune particle count, start velocity, angle, gravity, wind (drift), spread, scale, and optional 3D flip rotation in real time.
Accessible & Smooth: Built-in hover throttling to protect FPS and full compliance with reduced-motion user preferences.
Smart Performance: Automatically attaches and detaches event listeners based on viewport visibility to keep page speed optimal across multiple instances.

NOTE:

Don't forget to add pointer-events: none to the component.

64:T676,

Eliminate extra clicks using hover-driven split controls for a simpler user experience, paired with a subtle scroll peek that draws the eye and encourages interaction. SEO optimized with Framer CMS and custom cursor support.

FEATURES

Full Framer CMS Integration. Bind foreground/background images and alt text directly to dynamic CMS collection fields.
Fully Accessible & Touch Ready. Built in touch action overrides, pointer event management, and dynamic alt text props.
Hover Interaction & Snap to Center. Control the split position on pointer hover with optional auto-return to center on mouse leave.
Auto-Reveal on Scroll. Trigger an automated peek animation when component scrolls into view, with configurable duration, delay, and repeat settings.
Custom Skew Angle. Apply angled split masks across both horizontal and vertical axes without distorting image aspect ratios.
3D Parallax Depth. Add subtle interactive tilt and depth scale on mouse hover.
Soft Edge Feathering. Blend comparison layers seamlessly using custom mask feathering instead of a hard cut line.

Liquid Drip FX creates realistic gooey liquid drips that attach to any element, card or button. Customize everything from water, blood and oil to thick chocolate-melting, honey and slime with just a few controls.

FEATURES

Realistic gooey liquid drip animation
Simple or realistic drip rendering modes
Automatically pauses when outside the viewport for better performance
Canvas preview mode for easier editing in Framer

Recommended Viscosity Ranges

💧 Water 10 — 🧪 Acid 15 — 🩸 Blood 30 — 🛢 Oil 40 — 🍯 Syrup 60 — 🍫 Melting Chocolate 80 — 🐝 Honey 90 — 🟢 Slime 100

Fluid Physics Guide & General Tips

Essential guidelines for fine-tuning liquid dynamics when using a base Drip Radius of 8:

Blur Control: Use higher blur values for thicker, denser liquids. Keep blur lower (8–12) for thin, watery fluids.
Gooey Intensity: Delivers the most realistic liquid merging effect when set to higher ranges (50–80).
Lower Gravity: Extends the stretching phase, making dense liquids (Honey, Slime) cling and detach very slowly from the top bar.
Higher Gravity: Accelerates the detachment, making thin liquids (Water, Blood) snap off quickly.
Speed: Customize this to fit your composition's pacing. Or pair faster fall speeds with thin, watery fluids and slower speeds with heavy liquids.
Drip Radius vs. Blur: Scale blur proportionally — if you increase the drip radius, increase the blur value to maintain proper gooey cohesion.

Powered by WebGL & Framer Motion. This component bridges the gap between high-end creative coding and Framer's visual canvas. The core rendering engine is based on the popular open-source hover-effect WebGL library (originally popularized by Robin Delaporte for advanced shader transitions).

To make it native to Framer, it is wrapped in custom React logic utilizing Framer Motion (useScroll, useSpring) for butter-smooth scroll tracking. Additionally, it features a custom asynchronous loading mechanism to completely bypass static rendering limitations, ensuring optimal performance and safety on published live sites.

FEATURES

Dual Triggers: Seamlessly activate the liquid morph effect via mouse hover or precise page scroll (with customizable viewport start points).
Custom Displacement Maps: Upload your own displacement images to craft highly unique distortion patterns.
Advanced Animation Controls: Fine-tune the transition intensity, entry/exit speeds, angle, and easing directly from the Framer property panel.
SSR & Performance Optimized: Built with dynamic module importing to ensure 100% compatibility with Framer's Static Site Generation (no broken published pages).

Displacement Maps & Assets

Assets Not Included: The component does not come with pre-packaged displacement maps.
Supported Inputs: You can upload any image to drive the morph effect; grayscale textures, abstract patterns, brand marks, or high-contrast logos all work to create unique distortion visuals.
Low-Res Friendly: Displacement maps don't need to be high resolution. Smaller textures (e.g., 200 × 200 px) work perfectly and help keep your site lightweight.

67:T868,

Add interactive confetti explosions to any Framer element on hover or click. Powered by the open-source canvas-confetti library by Kiril Vatev, this component gives you full control over physics, colors, and shapes directly from the Framer property panel.

⚠ Side effect warning: Clients might actually love this, and you'll never hear the end of it.

FEATURES

Multiple Trigger Modes: Fire confetti on hover, click, or both.
Customizable Physics: Tweak particle count, velocity, angle, gravity, drift (wind), and spread in real time.
Shapes & Palette: Choose between squares, circles, stars, or mixed presets, and define your own custom color scheme.
Performance Ready: Includes customizable hover throttling to keep animations smooth and respects user reduced-motion preferences.

UPDATE: What's New

⚡ Performance update.

Added IntersectionObserver support — event listeners now automatically attach and detach based on viewport visibility, drastically improving page performance when using multiple instances.

🎉 Auto Trigger (On Appear).

Perfect for success screens, section reveals, and celebratory milestones!

Custom Delay & Duration: Fine-tune exactly when the confetti starts and how long the celebration lasts.
Source Options: Choose whether the confetti bursts dynamically from the Edges of your component or erupts directly from the Center.

NOTE: Don't forget to add pointer-events: none to the component.

68:T674,

Powered by an optical depth engine with built in color vibrancy, tint control, fine grain SVG noise, blur direction (🡡, 🡣, 🡢, 🡠) and custom overlay tint with opacity control.

OVERVIEW

Gradient Depth Blur uses an 8-layer backdrop filter algorithm to eliminate harsh blur edges and deliver a seamless transition.

Just like native macOS and iOS interface elements.

Unlike basic CSS blurs that abruptly cut off, this component smoothly interpolates depth, saturation, and custom noise to give your headers, footers, and modal backdrops a premium and polished feel.

FEATURES

8-Layer Optical Blur Engine: Multi layered progressive rendering for ultra smooth depth transitions with zero harsh borders.
4 Directional Controls: Seamlessly fade with single-click direction controls.
Vibrancy & Saturation Boost: Keep background colors vivid and vibrant even under ultraheavy blur settings.
Monochrome SVG Noise: Add subtle texture using optimized procedural noise that won't break backdrop rendering performance.
Custom Tinting Layer: Blend solid background colors with custom opacity to craft dark mode, frosted glass, or subtle modern overlays.
GPU Accelerated Performance: Engineered with translateZ(0) hardware acceleration to bypass common z-index rendering bugs across all modern browsers.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a-all:/unified/creator/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/activity/":[{"data":[{"id":"01a04832-ae95-71fa-9ca4-426d8f5e7d46","type":"component.created","target":{"type":"component","id":"Sfeq9zAOIt85bwY8AWDO","preview":"TextScroll Highlight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/01a04832-2a70-701b-a86b-05d56db4c353.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-28T11:47:56.181Z","latestAt":"2026-08-28T11:47:56.181Z"},{"id":"01a03d4c-6773-7600-8d81-a9b2784c57b5","type":"creator.followed","target":{"type":"creator","id":"f8488509-5cbc-46f3-ba32-bd06eea51268","preview":"BanderaWeb","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f8488509-5cbc-46f3-ba32-bd06eea51268/uij2uulj","slug":"banderaweb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T09:00:12.482Z","latestAt":"2026-08-26T09:00:12.482Z"},{"id":"01a03d4c-506a-76c7-9180-98f266913c2d","type":"creator.followed","target":{"type":"creator","id":"53177ed3-22ca-42a3-bfcc-d31b44810bc5","preview":"Inno Reza","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/154764/avatar-a1nOQppTjILLuFm2QB2MUgDPOORLxB.jpg","slug":"innoreza","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T09:00:06.584Z","latestAt":"2026-08-26T09:00:06.584Z"},{"id":"01a03d4b-3ce6-757c-9105-530ffb92a2e1","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T08:58:56.092Z","latestAt":"2026-08-26T08:58:56.092Z"},{"id":"01a03d4b-282e-748e-9740-4f69538f7344","type":"creator.followed","target":{"type":"creator","id":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","preview":"Nostromo Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","slug":"nostromo-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T08:58:50.788Z","latestAt":"2026-08-26T08:58:50.788Z"},{"id":"01a03855-9408-72a9-9935-2d4be4aaa921","type":"creator.followed","target":{"type":"creator","id":"33a627d8-4f83-4e2f-8d02-4bdbb58c3ec7","preview":"Hella Fast, LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/694452/avatar-sJzTGZEMT0WZ1yEryeWCj7MBQ0uP8A.jpg","slug":"hella-fast","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T09:52:07.636Z","latestAt":"2026-08-25T09:52:07.636Z"},{"id":"01a03854-fd1b-778f-bcde-ec5afd87070a","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T09:51:29.036Z","latestAt":"2026-08-25T09:51:29.036Z"},{"id":"01a03854-d4a8-710e-8cc6-c186f3635f5c","type":"creator.followed","target":{"type":"creator","id":"b52e65b8-0897-4a9e-9751-90cd0472889c","preview":"KalpX Atelier.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b52e65b8-0897-4a9e-9751-90cd0472889c/uao4fqtr","slug":"kalpx","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T09:51:18.687Z","latestAt":"2026-08-25T09:51:18.687Z"},{"id":"01a03854-c205-70cc-8633-ddf26a9d2801","type":"creator.followed","target":{"type":"creator","id":"049f1045-16ad-44a9-a5be-34d31706d517","preview":"madebyMal [ Hoang Lam ]","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/049f1045-16ad-44a9-a5be-34d31706d517/u6yfpvav","slug":"lam-nguyen-hoang","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T09:51:13.907Z","latestAt":"2026-08-25T09:51:13.907Z"},{"id":"01a03854-7583-7789-a477-02d4f9211e2e","type":"creator.followed","target":{"type":"creator","id":"86b7f82c-4915-4c5c-8404-92ec69b10eca","preview":"Vitalii Sokhovych-Kanarovskiy","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/86b7f82c-4915-4c5c-8404-92ec69b10eca/PBhL2nE2K","slug":"venigman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T09:50:54.301Z","latestAt":"2026-08-25T09:50:54.301Z"},{"id":"01a03854-554d-7408-8d11-2df5f7094a6b","type":"creator.followed","target":{"type":"creator","id":"0557f504-5323-4a3d-9d6f-fd4bb1794c48","preview":"Petar Šiljeg","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0557f504-5323-4a3d-9d6f-fd4bb1794c48/uhrfqo0f","slug":"petar-siljeg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T09:50:46.078Z","latestAt":"2026-08-25T09:50:46.078Z"},{"id":"01a0384a-030c-700c-8231-af1faa28c62e","type":"component.created","target":{"type":"component","id":"UZ88BrZaOJNKIZ2KHyqQ","preview":"Emoji Confetti Burst","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/01a03844-b829-75ad-90c1-95279f48560c.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-25T09:39:29.676Z","latestAt":"2026-08-25T09:39:29.676Z"},{"id":"01a01e82-77e2-7073-b794-57d971057fae","type":"post.liked","target":{"type":"post","id":"01a01632-1fb4-720c-8187-b8d7d589f022","preview":"🙌 Great to see WorkLouder chose Shopiframe for their ecommerce experience.\nlet's build beautiful online stores with \n@framer, backed by Shopify.\ncheck out Shopiframe showcases","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}},{"type":"text","text":" Great to see WorkLouder chose Shopiframe for their ecommerce experience."}]},{"type":"paragraph","content":[{"type":"text","text":"let's build beautiful online stores with "}]},{"type":"paragraph","content":[{"type":"text","text":"@framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]},{"type":"text","text":", backed by Shopify."}]},{"type":"paragraph","content":[{"type":"text","text":"check out "},{"type":"text","text":"Shopiframe","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"http://shopiframe.com/?utm_source=framer&utm_medium=marketplace&utm_campaign=framespace&utm_content=worklouder","target":"_blank"}}]},{"type":"text","text":" showcases"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47745ef1-855e-412c-a101-305ac078cd49/01a01630-f5cb-749e-8ca0-685082c6a47c.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a01632-1fb4-720c-8187-b8d7d589f022","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T09:31:01.978Z","latestAt":"2026-08-20T09:31:01.978Z"},{"id":"01a01e81-a02f-736e-86f5-192808212dc6","type":"post.liked","target":{"type":"post","id":"01a01ba4-19c7-77ec-a753-a6ad2cb9626e","preview":"🚀 New FramerKit update coming soon\nI’ve been working on a big update for the plugin\nA lot has changed, both visually and under the hood\nThe new version is coming very soon","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" New FramerKit update coming soon"}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve been working on a big update for the plugin"}]},{"type":"paragraph","content":[{"type":"text","text":"A lot has changed, both visually and under the hood"}]},{"type":"paragraph","content":[{"type":"text","text":"The new version is coming very soon"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7f040ec-719a-4613-847b-be47b2c713e7/01a01ba6-dfa2-74e4-b7d2-b5e269f1a235.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a01ba4-19c7-77ec-a753-a6ad2cb9626e","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T09:30:06.762Z","latestAt":"2026-08-20T09:30:06.762Z"},{"id":"01a01e81-7948-7739-aaa1-5e0b79190957","type":"post.liked","target":{"type":"post","id":"01a010ee-bdb9-76b7-95aa-95f2a0870ef9","preview":"Shopiframe just got a pretty big upgrade 🛍🎉\nwe added 10+ new components, more ways to customize your storefront, faster plugin performance, and much better documentation.\nShopify ⇔ Framer Integration https://shopiframe.com","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Shopiframe","marks":[{"type":"bold"}]},{"type":"text","text":" just got a pretty big upgrade "},{"type":"emoji","attrs":{"name":"shopping","emoji":"🛍"}},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"we added "},{"type":"text","text":"10+ new components","marks":[{"type":"bold"}]},{"type":"text","text":", more ways to customize your storefront, faster plugin performance, and much better documentation."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Shopify ⇔ Framer Integration "},{"type":"text","text":"https://shopiframe.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"http://shopiframe.com/?utm_source=framer&utm_medium=marketplace&utm_campaign=framespace&utm_content=shopiframeupdate","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/M4E023VKV52HqEE3O7ZpHonc600wQ5d01XbrjdjwtdyQ9k/thumbnail.webp?time=2.25","targetDeleted":false,"owned":false,"actions":{"postId":"01a010ee-bdb9-76b7-95aa-95f2a0870ef9","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T09:29:56.804Z","latestAt":"2026-08-20T09:29:56.804Z"},{"id":"01a01e81-368d-774c-84da-5d0556947398","type":"post.liked","target":{"type":"post","id":"01a01d7a-7250-700f-9579-c1c209165f38","preview":"Activating multiple markets inside your Framer e-commerce is a super fun experience beside more sales.\nwith Shopiframe it's super easy to do 🥳","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Activating "},{"type":"text","text":"multiple markets","marks":[{"type":"bold"}]},{"type":"text","text":" inside your "},{"type":"text","text":"Framer e-commerce","marks":[{"type":"bold"}]},{"type":"text","text":" is a super fun experience beside more sales."}]},{"type":"paragraph","content":[{"type":"text","text":"with "},{"type":"text","text":"Shopiframe","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"http://shopiframe.com/?utm_source=framer&utm_medium=marketplace&utm_campaign=framespace&utm_content=marketscreenshare","target":"_blank"}}]},{"type":"text","text":" it's super easy to do "},{"type":"emoji","attrs":{"name":"partying_face","emoji":"🥳"}}]}]},"thumbnail":"https://image.mux.com/0000K01qDccpKUhbONWwSZ1g68Qbh4EwnUBwxcvM6kHiCQ/thumbnail.webp?time=1.483","targetDeleted":false,"owned":false,"actions":{"postId":"01a01d7a-7250-700f-9579-c1c209165f38","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T09:29:39.721Z","latestAt":"2026-08-20T09:29:39.721Z"},{"id":"01a01e81-2012-712e-bcad-65ef3aaeddfb","type":"post.liked","target":{"type":"post","id":"01a01db5-ef3b-72b1-a222-d7b6043879c2","preview":"Farmio · Agriculture Landing Page\nFarmio is a modern agriculture landing page designed to showcase farming solutions, sustainable practices, fresh produce, and smart agricultural services. With a clean visual style, earthy aesthetics, and conversion-focused sections, Farmio helps agriculture brands build trust and connect with their audience.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Farmio · Agriculture Landing Page","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://farmio.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Farmio is a modern agriculture landing page designed to showcase farming solutions, sustainable practices, fresh produce, and smart agricultural services. With a clean visual style, earthy aesthetics, and conversion-focused sections, Farmio helps agriculture brands build trust and connect with their audience."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fbbfbfc4-611c-4ee7-9558-90509c39dc73/01a01db4-fec7-746a-8a8f-8e1c0206efa7.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a01db5-ef3b-72b1-a222-d7b6043879c2","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T09:29:33.965Z","latestAt":"2026-08-20T09:29:33.965Z"},{"id":"01a00b9c-69f5-7461-887e-44d53669a9ed","type":"creator.followed","target":{"type":"creator","id":"47745ef1-855e-412c-a101-305ac078cd49","preview":"FrameSpace","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/129533/avatar-CUOFZiJvUMrfCqPnaTe2BesapDWMrY.jpg","slug":"framespace","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T17:26:35.244Z","latestAt":"2026-08-16T17:26:35.244Z"},{"id":"01a00ac7-709a-755e-a681-b633210dca3d","type":"post.liked","target":{"type":"post","id":"019fefe7-b26f-722a-907c-ea2036076bc9","preview":"I managed to bring the Notion peeps crowd component into framer, \nDoes anyone want it?\nThe characters are swappable.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I managed to bring the Notion peeps crowd component into framer, "}]},{"type":"paragraph","content":[{"type":"text","text":"Does anyone want it?"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The characters are swappable."}]}]},"thumbnail":"https://image.mux.com/c2q02jzf901R7fpzDvonhbOBNdHJbA00xg00Uio9A88jqhs/thumbnail.webp?time=1.814","targetDeleted":false,"owned":false,"actions":{"postId":"019fefe7-b26f-722a-907c-ea2036076bc9","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T13:33:57.773Z","latestAt":"2026-08-16T13:33:57.773Z"},{"id":"01a00ac7-18d6-77c0-9ace-9d31777ecd03","type":"post.liked","target":{"type":"post","id":"019ff070-e381-749a-833c-f1d1dc4455c6","preview":"Homy - Property Website Framer Template\nhttps://framer.link/4dq0hzb\n✅ Designed for real estate agencies & brokers\n✅ Ideal for homes, villas & property showcases\n✅ Property pages to present details clearly\n✅ Premium, minimal & responsive layout\n✅ CMS, forms & smooth Framer effects included","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Homy - Property Website Framer Template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/4dq0hzb","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/4dq0hzb","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Designed for real estate agencies & brokers"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Ideal for homes, villas & property showcases"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Property pages to present details clearly"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Premium, minimal & responsive layout"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" CMS, forms & smooth Framer effects included"}]}]},"thumbnail":"https://image.mux.com/WgpVVhz44ghUCDG6UC1UyBm6YMehfoCme4cFwEIQ2EA/thumbnail.webp?time=8.367","targetDeleted":false,"owned":false,"actions":{"postId":"019ff070-e381-749a-833c-f1d1dc4455c6","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","slug":"igor-reif","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T13:33:35.314Z","latestAt":"2026-08-16T13:33:35.314Z"}],"pagination":{"next":"MjAyNi0wOC0xNlQxMzozMzozNS4zMTRafDAxYTAwYWM3LTE4ZDYtNzdjMC05YWNlLTlkMzE3NzdlY2QwMw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a:/unified/posts/?creator=72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a&with=reposts":[{"data":[{"id":"01a0a980-3c2e-754b-9e4f-c500ad1cd99a","title":null,"body":"

New component dropping soon! Stay tuned

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component dropping soon! Stay tuned"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/jorGA02xU001FdDjXJ1phmR9uOoLtcWgSMWtfzXqiBHY8.m3u8","metadata":{"posterUrl":"https://image.mux.com/jorGA02xU001FdDjXJ1phmR9uOoLtcWgSMWtfzXqiBHY8/thumbnail.webp?time=13.65","aspectRatio":"293:197","duration":29.616667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T09:15:48.658Z","updatedAt":"2026-09-16T09:15:48.658Z"},{"id":"01a0a97e-5b83-7525-b6bb-f09318e00579","title":null,"body":"

Interaction I built for my new website.

Would you like me to share it? 😆

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction I built for my new website."}]},{"type":"paragraph","content":[{"type":"text","text":"Would you like me to share it? "},{"type":"emoji","attrs":{"name":"laughing","emoji":"😆"}}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/dLXXefrEZZJcnMm2UrVq7DGvEsHjv7Kq7Tb46OqqqSQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/dLXXefrEZZJcnMm2UrVq7DGvEsHjv7Kq7Tb46OqqqSQ/thumbnail.webp?time=2.667","aspectRatio":"293:197","duration":42}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T09:13:45.606Z","updatedAt":"2026-09-16T09:13:45.606Z"},{"id":"01a04835-196a-71ec-8351-4b987c5f8f2c","title":null,"body":"

Apple inspired text reveal effect on scroll

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Apple inspired text reveal effect on scroll"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ZMBcrhqT029fbI3yU6k017ICmU6mC02i9iu6FLefjrLeBQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/ZMBcrhqT029fbI3yU6k017ICmU6mC02i9iu6FLefjrLeBQ/thumbnail.webp?time=14.117","aspectRatio":"587:395","duration":30.616667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-28T11:50:34.605Z","updatedAt":"2026-08-28T11:50:34.605Z"},{"id":"01a04832-ac80-7594-896c-39c7c3378bad","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Sfeq9zAOIt85bwY8AWDO","resolved":true,"title":"TextScroll Highlight","body":"$62","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"An Apple inspired text scroll highlight effects built for cinematic and high end web experiences. Drive headline reveals with color shifts, responsive 3D perspective angles, spatial depth scales and fluid vertical motion."}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Driven Color Reveal:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Seamlessly transition typography from an initial state to a vibrant highlight color tied directly to scroll progress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Perspective & Tilt Controls:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Apply custom 2D rotation or immersive 3D X/Y perspective angles that straighten automatically as headlines scroll into view."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spatial Depth & Dynamic Blur:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Emulate VisionOS aesthetics with word-by-word dynamic scale, Z-axis translate, and adaptive lens blur depth effects."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elastic Wave Motion (Wave FX):","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Enable organic vertical sine-wave displacements to create fluid, ripples-on-water kinetic text motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Letter & Word Splitting:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Granular control over animation staggering, allowing triggers by individual letters or full word blocks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Viewport Trigger:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Fine tune scroll start references (top/center/bottom) and offset percentages, with optional forward, reverse and repeat scroll behaviors."}]}]}]},{"type":"paragraph"}]},"introduction":"Apple Style Text Reveal Effects","slug":"textscroll-highlight","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/01a04832-2a70-701b-a86b-05d56db4c353.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-28T11:47:55.104Z","updatedAt":"2026-08-28T11:52:27.058Z","publishedAt":"2026-08-28T11:47:55.101Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TextScrollHighlight-boEA0f.js@4xu3cueyqiOze7inl9Ek","previewUrl":"https://scroll-highlight.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"4xu3cueyqiOze7inl9Ek","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-08-28T11:47:55.649Z","updatedAt":"2026-08-28T11:47:55.649Z"},{"id":"01a03853-0097-760c-b676-d03e0dffb633","title":null,"body":"

Breaking the laws of physics... or at least recreating them in @Framer 😎

Emoji Confetti Burst is live and available for free. Enjoy!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breaking the laws of physics... or at least recreating them in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]},{"type":"paragraph","content":[{"type":"text","text":"Emoji Confetti Burst","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" is live and available for free. Enjoy!"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/pY01pUuP102VecP7Yi7PboQtk02nfjaBdmjJ2lxWWms2BI.m3u8","metadata":{"posterUrl":"https://image.mux.com/pY01pUuP102VecP7Yi7PboQtk02nfjaBdmjJ2lxWWms2BI/thumbnail.webp?time=28.233","aspectRatio":"824:609","duration":45.566667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-25T09:49:18.877Z","updatedAt":"2026-08-25T09:49:18.877Z"},{"id":"01a0384a-0104-72d5-884e-52b0dbf2d783","title":null,"body":"

Breaking physics rules or just making website buttons and modals way too fun? 😎

Emoji Confetti Burst let you trigger custom emoji explosions on hover, click, or scroll reveal (on appear).

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Breaking physics rules or just making website buttons and modals way too fun? "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]},{"type":"paragraph","content":[{"type":"text","text":"Emoji Confetti Burst","marks":[{"type":"bold"}]},{"type":"text","text":" let you trigger custom emoji explosions on hover, click, or scroll reveal (on appear)."}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"UZ88BrZaOJNKIZ2KHyqQ","resolved":true,"title":"Emoji Confetti Burst","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Add playful emoji confetti explosions to any Framer element on hover, click, or scroll reveal (an appear). Powered by the open-source "},{"type":"text","text":"canvas-confetti","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://github.com/catdad/canvas-confetti","target":"_blank"}}]},{"type":"text","text":" library, this component gives you full control over emoji presets, physics and triggers."}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple Trigger Modes:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Fire confetti bursts on Hover (mouse movement), Click, Both, or automatically On Appear."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto Trigger (On Appear):","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Launch celebratory animations when elements scroll into view — perfect for success screens and milestones. Includes custom delay, duration, and stream sources (Edges or Center)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Physics & 3D Effects:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Fine-tune particle count, start velocity, angle, gravity, wind (drift), spread, scale, and optional 3D flip rotation in real time."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible & Smooth:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Built-in hover throttling to protect FPS and full compliance with reduced-motion user preferences."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Performance:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Automatically attaches and detaches event listeners based on viewport visibility to keep page speed optimal across multiple instances."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"NOTE:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Don't forget to add pointer-events: none to the component."}]}]},"introduction":"Interactive Emoji Explosions","slug":"emoji-confetti-burst","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/01a03844-b829-75ad-90c1-95279f48560c.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-25T09:39:28.611Z","updatedAt":"2026-08-25T09:39:28.611Z","publishedAt":"2026-08-25T09:39:28.608Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/EmojiConfettiBurst-mLWlPq.js@C4NqSunyHOBwwIO53kjY","previewUrl":"https://emoji-confetti-burst.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"C4NqSunyHOBwwIO53kjY","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-08-25T09:39:29.156Z","updatedAt":"2026-08-25T09:39:29.156Z"},{"id":"01a01e7e-d41b-7500-9f74-f52d048d5ca0","title":null,"body":"

What's your favorite split-type text effect?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What's your favorite "},{"type":"text","text":"split-type","marks":[{"type":"code"}]},{"type":"text","text":" text effect?"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/8GSvnYp8um46rO6EFXew9ItWECpAcVtsO021VHi00FMIg.m3u8","metadata":{"posterUrl":"https://image.mux.com/8GSvnYp8um46rO6EFXew9ItWECpAcVtsO021VHi00FMIg/thumbnail.webp?time=5.533","aspectRatio":"585:394","duration":23.766667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-20T09:27:03.456Z","updatedAt":"2026-08-20T09:27:03.456Z"},{"id":"01a00ab0-f17c-727e-86fc-e64c8a85485d","title":null,"body":"

Confetty Party v.2 UPDATE: What's New

⚡ Performance update: drastically improved page performance when using multiple instances.

🎉 Added Auto Trigger for success screens, section reveals, and celebratory milestones!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Confetty Party v.2 UPDATE: What's New","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Performance update:","marks":[{"type":"code"}]},{"type":"text","text":" drastically improved page performance when using multiple instances."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" Added "},{"type":"text","text":"Auto Trigger","marks":[{"type":"code"}]},{"type":"text","text":" for success screens, section reveals, and celebratory milestones!"}]},{"type":"paragraph"}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/01a00aaf-e448-75a5-9f8d-7aadaee1e8ef.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T13:09:23.463Z","updatedAt":"2026-08-16T13:09:23.463Z"},{"id":"019ff191-30a7-733a-be80-f8b82a7a904d","title":null,"body":"

Component that makes image comparisons way smoother.

👀 Scroll peek feature — subtle auto-reveal that grabs attention and encourages interaction.

⚡ CMS ready, custom cursor support & SEO optimized.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Component that makes image comparisons way smoother.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" Scroll peek feature — subtle auto-reveal that grabs attention and encourages interaction."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" CMS ready, custom cursor support & SEO optimized."}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"TA6WNws31W0YNKcaiKpR","resolved":true,"title":"CMS Image Comparison","body":"$64","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Eliminate extra clicks using hover-driven split controls for a simpler user experience, paired with a subtle scroll peek that draws the eye and encourages interaction. SEO optimized with Framer CMS and custom cursor support."}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES","marks":[{"type":"italic"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Framer CMS Integration.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Bind foreground/background images and alt text directly to dynamic CMS collection fields."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Accessible & Touch Ready.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Built in touch action overrides, pointer event management, and dynamic alt text props."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Interaction & Snap to Center.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Control the split position on pointer hover with optional auto-return to center on mouse leave."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-Reveal on Scroll.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Trigger an automated peek animation when component scrolls into view, with configurable duration, delay, and repeat settings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Skew Angle.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Apply angled split masks across both horizontal and vertical axes without distorting image aspect ratios."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Parallax Depth.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Add subtle interactive tilt and depth scale on mouse hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Soft Edge Feathering.","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Blend comparison layers seamlessly using custom mask feathering instead of a hard cut line."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"TAGS"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Image Comparison","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Before After","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Before After Slider","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Compare Images","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Image Slider","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Visual Comparison","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Parallax","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"Auto Reveal","marks":[{"type":"code"}]}]}]},"introduction":"Before / After image slider","slug":"cms-image-comparison","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/019ff18a-7965-7108-b5af-329acea66b79.jpg","metadata":{"tint":{"h":76,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-11T16:04:11.487Z","updatedAt":"2026-08-11T16:08:58.623Z","publishedAt":"2026-08-11T16:04:11.481Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CMSImageComparison-L0VYVF.js@cVB9IUmGxqf9ctghAUsD","previewUrl":"https://image-comparison.framer.photos/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"cVB9IUmGxqf9ctghAUsD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T16:04:12.072Z","updatedAt":"2026-08-11T16:04:12.072Z"},{"id":"019ff09d-7770-74a0-be71-93748fd62fe5","title":null,"body":"

Liquid Drip FX is now live, and it's free! Have fun 🙂

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid Drip FX is now live, and it's free! Have fun "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/01R0092IooK3bdD6KXAF6anLAnjXUOYeRFWTHIj00NVj8A.m3u8","metadata":{"posterUrl":"https://image.mux.com/01R0092IooK3bdD6KXAF6anLAnjXUOYeRFWTHIj00NVj8A/thumbnail.webp?time=9.206","aspectRatio":"584:385","duration":13.574956}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T11:37:59.414Z","updatedAt":"2026-08-11T11:37:59.414Z"},{"id":"019ff03b-e966-739c-9415-072dbc0e275c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"k8ZVtCggQe5NgaJuH98h","resolved":true,"title":"Liquid Drip FX","body":"$65","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Liquid Drip FX creates realistic gooey liquid drips that attach to any element, card or button. Customize everything from water, blood and oil to thick chocolate-melting, honey and slime with just a few controls."}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic gooey liquid drip animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simple or realistic drip rendering modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatically pauses when outside the viewport for better performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas preview mode for easier editing in Framer"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Recommended Viscosity Ranges","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"droplet","emoji":"💧"}},{"type":"text","text":" Water "},{"type":"text","text":"10","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"test_tube","emoji":"🧪"}},{"type":"text","text":" Acid "},{"type":"text","text":"15","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"drop_of_blood","emoji":"🩸"}},{"type":"text","text":" Blood "},{"type":"text","text":"30","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"oil_drum","emoji":"🛢"}},{"type":"text","text":" Oil "},{"type":"text","text":"40","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"honey_pot","emoji":"🍯"}},{"type":"text","text":" Syrup "},{"type":"text","text":"60","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"chocolate_bar","emoji":"🍫"}},{"type":"text","text":" Melting Chocolate "},{"type":"text","text":"80","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"bee","emoji":"🐝"}},{"type":"text","text":" Honey "},{"type":"text","text":"90","marks":[{"type":"code"}]},{"type":"text","text":" — "},{"type":"emoji","attrs":{"name":"green_circle","emoji":"🟢"}},{"type":"text","text":" Slime "},{"type":"text","text":"100","marks":[{"type":"code"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Fluid Physics Guide & General Tips","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Essential guidelines for fine-tuning liquid dynamics when using a base Drip Radius of 8:","marks":[{"type":"italic"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur Control:","marks":[{"type":"code"}]},{"type":"text","text":" Use higher blur values for thicker, denser liquids. Keep blur lower (8–12) for thin, watery fluids."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gooey Intensity:","marks":[{"type":"code"}]},{"type":"text","text":" Delivers the most realistic liquid merging effect when set to higher ranges (50–80)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lower Gravity:","marks":[{"type":"code"}]},{"type":"text","text":" Extends the stretching phase, making dense liquids (Honey, Slime) cling and detach very slowly from the top bar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Higher Gravity:","marks":[{"type":"code"}]},{"type":"text","text":" Accelerates the detachment, making thin liquids (Water, Blood) snap off quickly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed:","marks":[{"type":"code"}]},{"type":"text","text":" Customize this to fit your composition's pacing. Or pair faster fall speeds with thin, watery fluids and slower speeds with heavy liquids."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drip Radius vs. Blur:","marks":[{"type":"code"}]},{"type":"text","text":" Scale blur proportionally — if you increase the drip radius, increase the blur value to maintain proper gooey cohesion."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"TAGS"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"liquid","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"gooey","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"canvas","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"physics","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"dripping","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"animation","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"effects","marks":[{"type":"code"}]},{"type":"text","text":" "},{"type":"text","text":"interactive","marks":[{"type":"code"}]}]}]},"introduction":"Realistic Gooey Liquid Drips","slug":"liquid-drip-fx","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/019ff035-bd0c-721f-b021-84405a5c6e70.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-11T09:51:25.577Z","updatedAt":"2026-08-11T10:13:25.160Z","publishedAt":"2026-08-11T09:51:25.574Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LiquidDripFX-JXkzKJ.js@zDPy7d7q0NknMlMSJjbB","previewUrl":"https://liquid-drip.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"zDPy7d7q0NknMlMSJjbB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T09:51:26.054Z","updatedAt":"2026-08-11T09:51:26.054Z"},{"id":"019fedd6-54a8-74e8-a442-0fc69db30648","title":null,"body":"

The classic Matrix effect gets a bit boring when it's only green...

If you're ready to take the red pill and free your mind from ordinary design, I wanted something that fits modern, highend aesthetics featuring 3D PARALLAX and custom GRADIENT FLOWS, so I built a fully custom Matrix code component for Framer!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The classic Matrix effect gets a bit boring when it's only green...","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you're ready to "},{"type":"text","text":"take the red pill","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"free your mind","marks":[{"type":"bold"}]},{"type":"text","text":" from ordinary design, I wanted something that fits modern, highend aesthetics featuring "},{"type":"text","text":"3D PARALLAX","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" and custom "},{"type":"text","text":"GRADIENT FLOWS","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":", so I built a fully custom Matrix code "},{"type":"text","text":"component","marks":[{"type":"code"}]},{"type":"text","text":" for Framer!"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/YmhPTDkGgEZnfUp4w13QHnyzinjstyEOvkLYD1n5bG8.m3u8","metadata":{"posterUrl":"https://image.mux.com/YmhPTDkGgEZnfUp4w13QHnyzinjstyEOvkLYD1n5bG8/thumbnail.webp?time=15.312","aspectRatio":"523:433","duration":20.080511}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T22:41:14.413Z","updatedAt":"2026-08-10T22:41:14.413Z"},{"id":"019fe83a-bce6-76bf-ba07-d04627f0fa76","title":null,"body":"

From water like drops to thick chocolate style drips. Coming soon!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"From water like drops to thick chocolate style drips. Coming soon!"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Ay3d00eiJPrix0201rEt3CqqiFJiW21S02HGoe9kn2uMhQU.m3u8","metadata":{"posterUrl":"https://image.mux.com/Ay3d00eiJPrix0201rEt3CqqiFJiW21S02HGoe9kn2uMhQU/thumbnail.webp?time=2.533","aspectRatio":"123:92","duration":14.333333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T20:33:11.408Z","updatedAt":"2026-08-09T20:33:11.408Z"},{"id":"019fd410-95af-7330-8eac-05b39808b815","title":null,"body":"

The Matrix Effect with my Gradient Depth Blur free component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Matrix Effect with my Gradient Depth Blur free component"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/RlekmQF1BtY437oCALYwIF1l8Bl00zbMpKECaa01Si005s.m3u8","metadata":{"posterUrl":"https://image.mux.com/RlekmQF1BtY437oCALYwIF1l8Bl00zbMpKECaa01Si005s/thumbnail.webp?time=3.433","aspectRatio":"1217:664","duration":13.716667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T22:34:44.533Z","updatedAt":"2026-08-05T22:34:44.533Z"},{"id":"019fc8d8-b0f3-747d-8513-a1365794f327","title":null,"body":"

BEFORE / AFTER image comparison with snap-to-center, 3D parallax, auto-reveal on scroll, and more. Coming soon. And yes, it's free. 🙂

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"BEFORE / AFTER image comparison with snap-to-center, 3D parallax, auto-reveal on scroll, and more. Coming soon. And yes, it's free. "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/WEqVnsC003027AYV6NIaKgEWTMTyoL02dmFItXDyAf5y78.m3u8","metadata":{"posterUrl":"https://image.mux.com/WEqVnsC003027AYV6NIaKgEWTMTyoL02dmFItXDyAf5y78/thumbnail.webp?time=2.75","aspectRatio":"56:57","duration":44.1}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T18:17:52.120Z","updatedAt":"2026-08-03T18:17:52.120Z"},{"id":"019fc6e1-b55f-745b-a296-25c9978ce933","title":null,"body":"

Coming soon, stay tuned 🤘

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Coming soon, stay tuned "},{"type":"emoji","attrs":{"name":"metal","emoji":"🤘"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/qjzWZ4LQWJvS9W3siMKPIJgxgA4OCZ016pD5jGjnzOYk.m3u8","metadata":{"posterUrl":"https://image.mux.com/qjzWZ4LQWJvS9W3siMKPIJgxgA4OCZ016pD5jGjnzOYk/thumbnail.webp?time=12.667","aspectRatio":"20:19","duration":16.733333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T09:08:28.653Z","updatedAt":"2026-08-03T09:08:28.653Z"},{"id":"019fc6cb-b756-74c8-bc0e-d3b291e2c233","title":null,"body":"

Inspired by a recent Site of the Day, I recreated this melting text effect as a Framer code component.

🔤 Works with characters, words, or lines with full typography controls.

🎛 Customizable Start/End reference and offset points.

💧 Adjustable and extended effect controls.

Let me know what you think, and stay tuned for more 🎁!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Inspired by a recent Site of the Day, I recreated this melting text effect as a Framer code component."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}},{"type":"text","text":" Works with characters, words, or lines with full typography controls."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" Customizable Start/End reference and offset points."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"droplet","emoji":"💧"}},{"type":"text","text":" Adjustable and extended effect controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think, and stay tuned for more "},{"type":"emoji","attrs":{"name":"gift","emoji":"🎁"}},{"type":"text","text":"!"}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/k5TNamt2yt900qMiC00PfpYzraUtotBfRLR7zX2402PWMk.m3u8","metadata":{"posterUrl":"https://image.mux.com/k5TNamt2yt900qMiC00PfpYzraUtotBfRLR7zX2402PWMk/thumbnail.webp?time=2.417","aspectRatio":"573:635","duration":36.066667}},{"type":"video","url":"https://stream.mux.com/cR9KurS025nWuyqVhXx3YQDQE5iIuKSgCGwDSIcv8fgA.m3u8","metadata":{"posterUrl":"https://image.mux.com/cR9KurS025nWuyqVhXx3YQDQE5iIuKSgCGwDSIcv8fgA/thumbnail.webp?time=1.75","aspectRatio":"4:3","duration":5.016667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T08:44:27.354Z","updatedAt":"2026-08-03T08:44:27.354Z"},{"id":"019fbfff-94df-7414-9635-609029dfc7ee","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"iWPugtzcqKrqJzeOW9r3","resolved":true,"title":"Liquid Image Morph","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Powered by WebGL & Framer Motion. This component bridges the gap between high-end creative coding and Framer's visual canvas. The core rendering engine is based on the popular open-source hover-effect WebGL library (originally popularized by Robin Delaporte for advanced shader transitions)."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"To make it native to Framer, it is wrapped in custom React logic utilizing Framer Motion (useScroll, useSpring) for butter-smooth scroll tracking. Additionally, it features a custom asynchronous loading mechanism to completely bypass static rendering limitations, ensuring optimal performance and safety on published live sites."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Triggers:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Seamlessly activate the liquid morph effect via mouse hover or precise page scroll (with customizable viewport start points)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Displacement Maps:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Upload your own displacement images to craft highly unique distortion patterns."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Animation Controls:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Fine-tune the transition intensity, entry/exit speeds, angle, and easing directly from the Framer property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SSR & Performance Optimized:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Built with dynamic module importing to ensure 100% compatibility with Framer's Static Site Generation (no broken published pages)."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Displacement Maps & Assets"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Assets Not Included:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" The component does not come with pre-packaged displacement maps."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supported Inputs:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" You can upload any image to drive the morph effect; grayscale textures, abstract patterns, brand marks, or high-contrast logos all work to create unique distortion visuals."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Low-Res Friendly:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Displacement maps don't need to be high resolution. Smaller textures (e.g., 200 × 200 px) work perfectly and help keep your site lightweight."}]}]}]}]},"introduction":"Advanced WebGL shader transitions","slug":"liquid-image-morph","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/019fbfff-4001-77ee-94ce-de8481fa5544.jpg","metadata":{"tint":{"h":180,"s":18,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-02T01:03:45.498Z","updatedAt":"2026-08-02T09:00:05.196Z","publishedAt":"2026-08-02T01:03:45.495Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LiquidImageMorph-PMVPDS.js@XOn6bexS6DCgEoVbRsgz","previewUrl":"https://liquid-morph.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"XOn6bexS6DCgEoVbRsgz","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-08-02T01:03:45.887Z","updatedAt":"2026-08-02T01:03:45.887Z"},{"id":"019fbf5f-7e04-7794-ac5f-58b348dca65b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"uSLthTcVQUOLakAusml5","resolved":true,"title":"Confetti Party","body":"$67","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Add interactive confetti explosions to any Framer element on hover or click. Powered by the open-source "},{"type":"text","text":"canvas-confetti","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://github.com/catdad/canvas-confetti","target":"_blank"}}]},{"type":"text","text":" library by Kiril Vatev, this component gives you full control over physics, colors, and shapes directly from the Framer property panel."}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"warning","emoji":"⚠"}},{"type":"text","text":" "},{"type":"text","text":"Side effect warning: Clients might actually love this, and you'll never hear the end of it.","marks":[{"type":"italic"}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple Trigger Modes:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Fire confetti on hover, click, or both."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Physics:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Tweak particle count, velocity, angle, gravity, drift (wind), and spread in real time."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shapes & Palette:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Choose between squares, circles, stars, or mixed presets, and define your own custom color scheme."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance Ready:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Includes customizable hover throttling to keep animations smooth and respects user reduced-motion preferences."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"UPDATE: What's New"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" "},{"type":"text","text":"Performance update.","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Added "},{"type":"text","text":"IntersectionObserver","marks":[{"type":"code"}]},{"type":"text","text":" support — event listeners now automatically attach and detach based on viewport visibility, drastically improving page performance when using multiple instances."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" "},{"type":"text","text":"Auto Trigger (On Appear).","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for success screens, section reveals, and celebratory milestones!"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Delay & Duration:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Fine-tune exactly when the confetti starts and how long the celebration lasts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Source Options:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Choose whether the confetti bursts dynamically from the "},{"type":"text","text":"Edges","marks":[{"type":"code"}]},{"type":"text","text":" of your component or erupts directly from the "},{"type":"text","text":"Center","marks":[{"type":"code"}]},{"type":"text","text":"."}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"NOTE: Don't forget to add pointer-events: none to the component."}],"attrs":{"level":2}}]},"introduction":"Interactive Confetti Explosions","slug":"confetti-party","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/01a00bc8-8a82-7718-9adf-e56bc1d1e7ee.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-01T22:08:53.839Z","updatedAt":"2026-08-16T18:14:53.215Z","publishedAt":"2026-08-01T22:08:53.835Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ConfettiParty-qMnJbB.js@Lzi7JZfKhHgSI4OFXlsI","previewUrl":"https://confetti-party.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Lzi7JZfKhHgSI4OFXlsI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T22:08:54.276Z","updatedAt":"2026-08-01T22:08:54.276Z"},{"id":"019facb7-94df-770f-b677-a251a0ea84bc","title":null,"body":"

Apple style multilayered progressive blur. Powered by an optical depth engine with built in color vibrancy, tint control, fine grain SVG noise, blur direction (🡡, 🡣, 🡢, 🡠) and custom overlay tint.

💬 Have ideas or feedback? Let me know in the comments!

Cheers! 🍻

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Apple style multilayered progressive blur. Powered by an optical depth engine with built in color vibrancy, tint control, fine grain SVG noise, blur direction (🡡, 🡣, 🡢, 🡠) and custom overlay tint."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"speech_balloon","emoji":"💬"}},{"type":"text","text":" Have ideas or feedback? Let me know in the comments!"}]},{"type":"paragraph","content":[{"type":"text","text":"Cheers! "},{"type":"emoji","attrs":{"name":"beers","emoji":"🍻"}}]}]},"author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6HZK1J6DAaJ32hRgt1ap","resolved":true,"title":"Gradient Depth Blur","body":"$68","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Powered by an optical depth engine with built in color vibrancy, tint control, fine grain SVG noise, blur direction (🡡, 🡣, 🡢, 🡠) and custom overlay tint with opacity control."}],"attrs":{"level":1}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"OVERVIEW"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Gradient Depth Blur uses an 8-layer backdrop filter algorithm to eliminate harsh blur edges and deliver a seamless transition."}]},{"type":"customHeading","content":[{"type":"text","text":"Just like native macOS and iOS interface elements.","marks":[{"type":"bold"},{"type":"italic"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Unlike basic CSS blurs that abruptly cut off, this component smoothly interpolates depth, saturation, and custom noise to give your headers, footers, and modal backdrops a premium and polished feel."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FEATURES"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8-Layer Optical Blur Engine:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Multi layered progressive rendering for ultra smooth depth transitions with zero harsh borders."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 Directional Controls:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Seamlessly fade with single-click direction controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vibrancy & Saturation Boost:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Keep background colors vivid and vibrant even under ultraheavy blur settings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monochrome SVG Noise:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Add subtle texture using optimized procedural noise that won't break backdrop rendering performance."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Tinting Layer:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Blend solid background colors with custom opacity to craft dark mode, frosted glass, or subtle modern overlays."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GPU Accelerated Performance:","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" Engineered with translateZ(0) hardware acceleration to bypass common z-index rendering bugs across all modern browsers."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph"}]},"introduction":"Apple style progressive depth blur","slug":"gradient-depth-blur","author":{"framerUserId":"72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a","name":"Igor Reif","slug":"igor-reif","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/153946/avatar-y2jxLO7nLCb1ORJIPZPF38kh3P7WP4.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/72d8eb19-eaa6-4c9c-824a-f9ce9be1aa3a/019fac99-038c-74fb-9f14-6d12dc01d82b.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-29T07:12:19.724Z","updatedAt":"2026-07-29T07:23:46.668Z","publishedAt":"2026-07-29T07:12:19.705Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GradientDepthBlur-59PtHO.js@mKiME6vOKu5KFr1m9YnS","previewUrl":"https://progressive-blur.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"mKiME6vOKu5KFr1m9YnS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":25,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T07:12:20.191Z","updatedAt":"2026-07-29T07:12:20.191Z"}],"pagination":{"next":"MDE5ZmFjYjctOTRkZi03NzBmLWI2NzctYTI1MWEwZWE4NGJj","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L69"}]