51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T981,

Transform static galleries into immersive, award-winning experiences. Distortion Slider is a premium WebGL image and video slider for Framer, built with custom Three.js shaders for real-time 3D bend, warp, and distortion effects. Made for standout portfolios, creative agencies, design studios, photographers, and premium digital products, it turns ordinary media into an interactive experience. With a refined aesthetic, this Framer component combines smooth 60fps animation, responsive interactions, and precision-tuned easing across desktop, tablet, and mobile. Key Features

Dual WebGL Shader Modes: Choose "Cylinder" for a sleek horizontal paper-roll bend with crisp edges, or "Bubble" for a dynamic 4-pin center bulge — two visual styles.
Cinematic Reveal Animation: A precisely sequenced, fully customizable fade-and-unbend entrance creates a polished first impression on every load.
Smart Media Engine: Supports images and looping video with built-in hysteresis that automatically pauses and resumes clips by active slide, reducing memory and CPU usage.
Fluid Interaction Design: Touch, drag, and scroll controls combine with elastic rubber-band snapping for satisfying navigation.
Interactive Numeric Timeline: A scroll-synced timeline provides quick-jump navigation with smooth transitions.
Total Design Control: Adjust curve depth, bend frequency, slide dimensions, typography, spacing, and timeline styling directly from Framer's native property panel.
Built for Production: Clean React and TypeScript code uses ResizeObserver for accurate WebGL canvas scaling and reliable performance at any screen size.

🚀 Who Is Distortion Slider For?

Creative Agencies & Design Studios
Freelance Designers & Photographers
Framer Designers & No-Code Creators
SaaS, E-commerce & Premium Brands

Make your portfolio or website impossible to ignore with a high-end WebGL gallery experience. Add Distortion Slider to your Framer project today for every project.

53:T134f,

SpatialSlider: The Premium 3D Carousel Component for Framer

Stop settling for static websites. Transform your Framer projects into immersive, tactile experiences with SpatialSlider—a highly advanced, physics-driven 3D carousel engineered for maximum visual impact.

Powered by the robust capabilities of Framer Motion, this premium Framer component seamlessly blends Apple-style scroll tracking with buttery-smooth drag physics. The result is a dynamic spatial gallery that pulls users directly into your narrative, making your high-res images and project showcases truly unforgettable.

Whether you are designing a high-end photography portfolio, a SaaS product showcase, or a modern editorial landing page, SpatialSlider delivers a flawless, fully responsive 3D effect in seconds.

🔥 Why Choose SpatialSlider? (Premium Features)

Elevate your web design toolkit with a Framer slider component built for modern, interactive storytelling.

🚀 Dual Interaction Modes for Superior UX: Give your users the ultimate control. Switch instantly between Scroll Mode (a sticky, scroll-linked timeline) and Drag Mode (free horizontal swiping driven by advanced momentum physics).
🌌 Immersive 3D Spatial Depth: Watch your UI layout come alive. Cards naturally scale up, push forward, and pull into sharp focus as they hit the center of the screen, gracefully fading into the background at the edges for a true cinematic depth-of-field.
🎬 Smart, Cinematic Typography Animations: Say goodbye to clunky text overlaps. SpatialSlider features threshold-based text animations that smoothly crossfade your slide titles exactly when the incoming card takes focus.
📱 Bulletproof Responsive Design: Built with advanced mathematical bounds that decouple the zoom effect from the screen width. This guarantees perfect gaps and zero overlapping on every device—from mobile screens to ultrawide 4K monitors.
⚙️ Zero-Code Customization Studio: Fully integrated with Framer's native right-hand UI panel. Tweak card sizes, gap spacing, typography styles, overlay colors, and even drag elasticity without ever touching a single line of code.

💡 Perfect For High-End Framer Websites

SpatialSlider is the ultimate no-code 3D gallery solution for creators who want to stand out.

Creative Portfolios & Design Agencies: Showcase your UI/UX case studies, branding projects, or development work with an interactive gallery that instantly proves your design expertise.
Photography & Art Exhibitions: Give high-resolution images the breathing room they deserve in a digital, museum-like spatial environment.
E-Commerce & SaaS Landing Pages: Highlight flagship product features, app interfaces, or alternate colorways in an engaging, premium format that drives user retention and conversions.
Editorial Hero Sections: Ditch the boring static hero image. Hook your website visitors immediately with a dynamic, story-driven carousel right at the top of your page.

🛠️ Frictionless Setup: Launch in Under 60 Seconds

Adding a complex 3D interactive slider to your Framer site has never been easier. Get SpatialSlider up and running effortlessly:

Copy & Paste: Copy the component link from your checkout page and paste it directly into your Framer canvas.
Set to Fill: For the best responsive layout across all breakpoints, set the component's Width to Fill.
Configure Scroll Mode: If using the "Scroll" interaction, select the component, change its Height to Viewport (vh), and set it to a larger number (e.g., 300vh). This creates enough room for the page to naturally scroll while the slider remains sticky.
Configure Drag Mode: If using "Drag", simply set the height to either Fixed or Viewport (e.g., 100vh) depending on your page layout.
Customize & Publish: Upload your images, type your custom titles, adjust the animation smoothness in the right-hand properties panel, and hit publish!

54:Td49,

Block Falling Text Reveal is a premium animated typography component for Framer designed to make headlines, hero sections, and key messaging feel instantly more dynamic. Instead of static text sitting flat on the page, this component reveals each line with a smooth falling block animation that adds motion, depth, and a polished editorial feel. Built with Framer Motion and GSAP ScrollTrigger, it delivers a high-end interaction style while staying responsive, customizable, and easy to use inside Framer.

It is engineered to work beautifully across desktop, tablet, and mobile, with a smart layout system that keeps multi-line text clean, aligned, and visually balanced. Whether you are building a SaaS landing page, creative portfolio, agency website, or campaign hero section, this component helps your content stand out with a more premium and memorable presentation.

Key Features

Smooth Falling Text AnimationReveal headlines and paragraphs with a polished falling block effect that adds energy, movement, and visual interest to any section.

Precision Scroll Trigger ControlPowered by GSAP ScrollTrigger, you can control exactly when the animation starts based on the viewport, helping you create more intentional and immersive scroll experiences.

Advanced Motion SettingsAdjust fall distance, animation timing, delay, and letter or line staggering to create anything from subtle elegant motion to bold, attention-grabbing reveals.

Responsive Text Layout EngineA custom wrapping and line-handling system keeps text structured and readable across desktop, tablet, and mobile, even with longer lines or larger type.

Full Visual CustomizationStyle the component directly in Framer with controls for font, text color, block color, padding, corner radius, line gap, and more so it fits seamlessly into your brand or layout.

Performance-Focused BuildBuilt with a hybrid animation setup using Framer Motion and GSAP, giving you smooth motion and reliable trigger behavior without sacrificing quality.

Best For:

Creative Agencies & FreelancersAdd a more bespoke, high-end motion feel to client projects and make hero sections feel more custom and design-led.

SaaS Landing PagesDraw attention to value propositions, feature headlines, and conversion-focused messaging with engaging animated typography.

Design PortfoliosPresent case studies, introductions, and personal branding sections with a more editorial, modern, and premium visual style.

Event, Launch & Campaign PagesCreate excitement and stronger first impressions with kinetic text that feels more immersive than standard static headings.

55:Tcfb,

Engage your visitors with premium 3D interactions—without the code bloat.

The Interactive 3D Cube is an advanced, highly optimized Framer component designed to instantly elevate your website's hero sections, feature highlights, and portfolios. Built purely with React and Framer Motion, this component delivers buttery-smooth 3D physics without relying on heavy third-party libraries like GSAP or Three.js.

Whether you want a subtle, auto-floating centerpiece or an exploding "reactor core" surrounded by inversely orbiting image rings, every single detail is customizable right from the Framer properties panel. Just drag, drop, upload your images, and publish.

With flawless drag momentum, hover-to-explode mechanics, and a perfectly grouped UI settings panel, this is the ultimate 3D component to make your Framer site unforgettable.

Key Features

⚡ Zero Dependencies: Built strictly with Framer Motion springs and transforms. No GSAP, no Canvas, no lag. Pure, lightweight React performance.
🪐 Dynamic Saturn Orbit Ring: Add an outer ring of images that inversely orbits your cube based on real-time drag physics and math.
💥 Explode & Core Reveal: Hover to seamlessly detach the outer panels, revealing a bright, customizable inner "reactor core" cube.
🧲 Flawless Drag Physics: Dial in the exact drag sensitivity, friction, and momentum you want. Built-in boundary protections ensure your interactions never break or trigger the dreaded browser "ghost drag."
🎨 100% Framer UI Control: Every single variable—from perspective, ring tilt, and float amplitude to Rubik's grid lines and inner shell opacity—is neatly organized into collapsible folders in the Framer properties panel.
🌊 Organic Auto-Float: Let the cube breathe. A custom requestAnimationFrame loop gives the component a natural, figure-8 floating idle state that seamlessly pauses the moment a user interacts.
📱 Responsive & Parallax Ready: Automatically scales to any breakpoint while offering subtle mouse-tracking parallax for an extra layer of 2D depth.

Best For

SaaS Landing Pages: Showcase your app's features or integrations on the spinning faces of the cube and orbit ring.
Creative Portfolios: Prove your design chops with an interactive, tactile hero section that clients can't stop playing with.
Design Agencies: Use it as a show-stopping visual anchor to differentiate your template or agency site from the standard flat web.
E-Commerce Brands: Highlight product collections or lookbooks in a highly engaging, gamified 3D carousel.

56:T915,

Overlapping Card Slider: Premium 3D Interactive Carousel for Framer

The Overlapping Card Slider is a premium Framer component engineered to bring life, depth, and buttery-smooth interaction to your next web project. Elevate your site with dynamic 3D overlap physics and fluid drag momentum—with zero coding required.

Built for modern storytelling, every visual element is exposed to Framer’s property panel so you can mold the slider to fit any brand identity in seconds.

Revolutionize Your UI with "Component Mode"
Design Anything on the Canvas. Turn It Into a Physics-Based 3D Slider Instantly.

Premium Features for Next-Level Framer Sites

Dynamic 3D Overlap: Cards smoothly scale, rotate, and fade to create a stunning depth-of-field effect.
Fluid Momentum Drag: Natural, satisfying swipe interactions powered by Framer Motion.
Total Customization: Control typography, avatars, navigation buttons, and spacing natively.
Universal & Per-Card Theming: Switch between uniform styling or playful, multi-colored layouts.
Responsive & No-Code: Flawless across all breakpoints. Just drag, drop, style, and publish.

Perfect for: Testimonial showcases, portfolio carousels, team galleries, and premium SaaS landing pages.

Simple, No-Code 3-Step Setup

No complex code overrides, and absolutely no frustrating workarounds. Turn static content into a modern 3D carousel in seconds:

Paste: Drop the component directly onto your Framer canvas.
Connect: Link your custom cards using Framer's native visual connector.
Publish: Launch your highly interactive, SEO-optimized web experience to the world.

Exclusive Buyer Bonus: Your purchase includes a completely free interactive custom card template and a comprehensive, step-by-step setup guide. Test the 3D physics immediately and get your stunning new slider running perfectly in under five minutes.

57:T7c9,

The Wave Visualizer is a high-end, interactive media component for Framer that combines a full-featured audio player with a real-time frequency spectrum visualizer. It is designed with a minimal aesthetic and optimized for high-performance rendering. The component features a unique "pixel-perfect" wave display visualizer.

Pixel-Perfect Waveforms: Mathematically optimized bar counts (10, 20, 25, 50) ensure every visualizer bar aligns perfectly to the pixel grid, eliminating blurry edges and ghost lines.
Intelligent Theme Adapting: Automatically detects the luminance of your chosen background to flip text and icon colors between light and dark for perfect readability every time.
Dynamic Accent Colors: Enable Per-Song Accents to have the player’s visualizer and progress bar automatically shift colors to match the specific vibe of each track in your playlist.
Pro-Level Visualizer Engine: Powered by a logarithmic frequency analyzer that mimics human hearing, providing a more detailed and natural movement in the low and mid-range frequencies.
Fluid Cover Transitions: Choose between "Smooth" or "Instant" album art changes. The Smooth mode uses premium Gaussian blurs and spring physics for a high-end cinematic feel.
Complete Playlist Control: Full support for Shuffle, Repeat, and Auto-Advance logic, paired with a hover-activated vertical volume slider for a clean, minimal interface.

58:T8bd,

Pixel Button: The Ultimate Animated Framer CTA

Stop settling for static buttons that get ignored. Pixel Button is a premium Framer component designed to turn passive visitors into active customers through immersive, interactive animations.

Instead of basic hover effects, Pixel Button creates a living field of animated pixel particles that react to cursor movement, hover, and clicks with fluid motion, dynamic lighting, and spatial depth. The result is a CTA that grabs attention, elevates your brand, and encourages more clicks.

Why Pixel Button?

Built with a high-performance real-time canvas engine, Pixel Button combines cinematic reveal effects, tactile click ripples, and polished micro-interactions into a single no-code Framer component. It's perfect for SaaS landing pages, startup websites, portfolios, templates, and premium marketing sites.

Features

• Particle Engine – Real-time animated pixel particles with adjustable density, size, shimmer, and up to 5 custom colors.

• Radial Reveal – Hover animation expands from the center, with an optional ambient mode for continuous motion.

• Click Ripple – Creates a responsive ripple exactly where users click.

• Gradient Beam Border – Animated conic-gradient border with customizable colors and speed.

• Readability Halo – Keeps button text sharp and readable over moving particles.

• Responsive Canvas – Automatically adapts to every screen size using ResizeObserver.

• Full Styling Control – Customize radius, padding, typography, glow, colors, and background directly in Framer.

• Production Ready – Native link support, open-in-new-tab option, and instant click handling.

Perfect For

• SaaS landing pages • Startup websites • Waitlist campaigns • Pricing sections • Portfolios • Framer templates • Premium marketing websites

Add a high-end interactive CTA that makes your website feel more premium, more memorable, and more clickable—all without writing a single line of code.

59:Tf21,

Turn static buttons into premium, high-converting conversion engines with the Glowing Beam Button for Framer — an advanced animated CTA button designed to increase clicks, boost CTR, improve engagement, and elevate perceived product value across SaaS websites, landing pages, startup funnels, and modern marketing experiences.

Built to stop scrolls and drive action, this premium Framer button component transforms ordinary links into visually magnetic call-to-actions using a rotating gradient beam, layered neon glow, micro-interactions, and optional particle energy effects. Instead of relying on outdated hover animations alone, Glowing Beam Button stays visually active even while idle—continuously drawing attention to your most important actions while enhancing hierarchy, urgency, and conversion performance.

Perfect for hero sections, pricing pages, upgrade prompts, product launches, onboarding flows, waitlists, checkout CTAs, newsletter forms, app downloads, and portfolio websites, this interactive Framer CTA creates a polished “energy halo” around your button that commands attention without overwhelming your UI. The result is a premium, futuristic button design that feels more clickable, more dynamic, and more conversion-focused.

Designed specifically for Framer creators, marketers, and SaaS founders, every detail is fully customizable directly inside the Framer property panel — including gradient colors, rotating beam speed, glow intensity, particle motion, button size, padding, border radius, and visual style. No coding required.

Engineered for responsive performance, the Glowing Beam Button delivers smooth animations across desktop, tablet, and mobile while maintaining fast page speed—making it ideal for conversion-optimized Framer websites where design quality and loading speed both matter.

Key Features

✨ Premium Rotating Gradient Beam CTACreate scroll-stopping animated call-to-action buttons with a continuously rotating light beam that instantly attracts attention and improves click-through rates.

🌈 Advanced Color, Glow & Speed CustomizationFully control gradient palettes, beam motion, glow intensity, and animation speed to match your brand identity, SaaS UI, startup aesthetic, or product launch design.

✨ Optional Particle Energy LayerAdd subtle animated particles for added depth, movement, and futuristic energy—perfect for SaaS landing pages, AI products, startup launches, and premium digital experiences.

🎨 Multiple Design VariantsChoose from dark, light, transparent, or layered visual styles for seamless integration into hero sections, pricing cards, dashboards, and modern UI systems.

🔧 Flexible Layout ControlsCustomize padding, corner radius, scale, and proportions to create pill buttons, rounded premium CTAs, sharp rectangular buttons, or bold promotional highlights.

⚡ Performance-Optimized for FramerBuilt for fast-loading websites with smooth, responsive animation that enhances user engagement without sacrificing performance, UX, or Core Web Vitals.

5a:T7dc,

⚡ Bring Your Buttons to Life

Turn boring buttons into irresistible clicks.This modern, animated button doesn’t just sit there—it reacts the moment visitors hover, filling with vibrant color in a smooth, addictive motion. It’s more than a button; it’s a micro-experience your audience will love to engage with.

✨ What Makes It Special?

Your Words, Your Destination – Drop in your own text and link it anywhere—products, pages, or sign-ups.
One-Click Customization – Effortlessly match your brand’s colors, styles, and vibe.
Icon Swap Magic – Add or change icons in seconds—no code required.
Instant Setup – Copy, paste, and watch your site instantly transform.

💡 Why You’ll Love It

🎨 Portfolios: Make your CTAs look as good as your work.
🛒 E-Commerce: Turn “Add to Cart” into “Can’t Resist.”
🚀 Landing Pages: Boost conversions with buttons that beg to be clicked.
✍️ Blogs: Keep readers exploring with links they can’t ignore.
🎟 Events: Drive RSVPs and sign-ups with stand-out CTAs.

👉 One hover, and you’ll see why this button is impossible to ignore.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade-all:/unified/creator/74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade/activity/":[{"data":[{"id":"01a0d7ce-231c-76b0-a235-d32720818d00","type":"comment.liked","target":{"type":"comment","id":"01a0b54c-ed72-7152-815d-ba50a2605d78","preview":"clean feature layout","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"clean feature layout"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e6edf-5436-7c9c-8a38-279220d61b5f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b54c-ed72-7152-815d-ba50a2605d78"},"repost":null}},"context":{"type":"post","id":"019e6edf-5436-7c9c-8a38-279220d61b5f","preview":"Distortion Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/68QIytvV1lZYyORIoBfW/distortion-slider-87PXTu1IVAwr9jbqV62OGbPhYzveiH","targetDeleted":false,"owned":true,"actions":{"postId":"019e6edf-5436-7c9c-8a38-279220d61b5f","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-25T09:03:25.973Z","latestAt":"2026-09-25T09:03:25.973Z"},{"id":"019fa200-c01f-700d-b1aa-c0e4bebdb83b","type":"comment.reply","target":{"type":"post","id":"019d4843-80f9-7def-a813-638e049e7d8e","preview":"Block Falling Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NVfdPiFOZV9XMhMhiM5O/block-falling-text-iHfYPjiNgxegk18ZSfkGViBlX7RC32","targetDeleted":false,"owned":true,"actions":{"postId":"019d4843-80f9-7def-a813-638e049e7d8e","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fa200-c008-728d-a986-96e66c125696","preview":"Hi! My email to you bounced, but no worries! I just updated the product benefits to include a Framer remix link showing the working component and its settings. You can access it directly on your Polar order page.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi! My email to you bounced, but no worries! I just updated the product benefits to include a Framer remix link showing the working component and its settings. You can access it directly on your Polar order page."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d4843-80f9-7def-a813-638e049e7d8e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f9301-6028-706c-82a9-4b319a4f615e"},"repost":null}},"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T05:16:26.015Z","latestAt":"2026-07-27T05:16:26.015Z"},{"id":"019f3d13-34eb-7108-9bc9-a2d4914cc321","type":"component.liked","target":{"type":"component","id":"IOs7gBrihW9bGEk0ixji","preview":"Minimal Navbar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d36feda7-ada1-43f1-b1cb-ab19e3efbf59/q7xreeou","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-07T14:54:56.740Z","latestAt":"2026-07-07T14:54:56.740Z"},{"id":"019f2bff-9feb-73d6-8818-c3b5e327c6df","type":"template.liked","target":{"type":"template","id":"62960","preview":"ELAPS®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62960/elaps-o14FEna2qa6TO43OcJvfMRzNXG8pVF","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-04T07:20:00.743Z","latestAt":"2026-07-04T07:20:00.743Z"},{"id":"019f27f4-38cc-750f-84d9-4ea4a0f10c74","type":"template.liked","target":{"type":"template","id":"64064","preview":"Photolio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c73268a3-041e-4859-bb2b-e69f96446a3a/01a1075e-1215-7218-a423-533fb70fa68b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-03T12:29:04.570Z","latestAt":"2026-07-03T12:29:04.570Z"},{"id":"019f03be-b5fb-7095-bba3-9631cc37f8d1","type":"creator.followed","target":{"type":"creator","id":"e77c8d2c-881f-46e7-b945-68aebec62cb0","preview":"Anatolii Dmitrienko","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31123/McHTH71f_400x400-VKlVpQryMU6V11WxN53SB2yWgeC2GY.jpg","slug":"bynneh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T11:44:17.911Z","latestAt":"2026-06-26T11:44:17.911Z"},{"id":"019eeffd-aaad-7398-96fe-34e8bd23a41d","type":"template.liked","target":{"type":"template","id":"57576","preview":"ISO","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/57576/iso-Ee2kl4SBKxQigg1rqjohVPjVYo2SUa","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-22T15:40:39.464Z","latestAt":"2026-06-22T15:40:39.464Z"},{"id":"019ee12d-a409-7767-a054-e2895b318aa9","type":"post.liked","target":{"type":"post","id":"019ed40b-9dee-76ae-8401-284fb4142ac0","preview":"Hi! Glad this community exists!\nLet's get to know each other 👋 \nI'm Liana. I design for a living, but really I just can't stop taking things apart to see how they work.\nThat turned into Luna UI, my small ecosystem: a studio, Framer templates and a journal.\nThe journal is where I write about perception, how we see the world and build the future. Design is where it all lands 🙂\nDrop a hi and tell me what you're building 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi! Glad this community exists!"}]},{"type":"paragraph","content":[{"type":"text","text":"Let's get to know each other "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I'm Liana. I design for a living, but really I just can't stop taking things apart to see how they work."}]},{"type":"paragraph","content":[{"type":"text","text":"That turned into Luna UI, my small ecosystem: a studio, Framer templates and a journal."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The journal is where I write about perception, how we see the world and build the future. Design is where it all lands "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Drop a hi and tell me what you're building "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fd602ffe-74b5-4520-9cff-2960ef697e4b/7ynjdwba","targetDeleted":false,"owned":false,"actions":{"postId":"019ed40b-9dee-76ae-8401-284fb4142ac0","like":{"count":43,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","slug":"imeshdilshan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T18:38:45.252Z","latestAt":"2026-06-19T18:38:45.252Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade:/unified/posts/?creator=74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade&with=reposts":[{"data":[{"id":"019e6edf-5436-7c9c-8a38-279220d61b5f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68QIytvV1lZYyORIoBfW","resolved":true,"title":"Distortion Slider","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform static galleries into immersive, award-winning experiences.","marks":[{"type":"bold"}]},{"type":"text","text":" Distortion Slider is a premium WebGL image and video slider for Framer, built with custom Three.js shaders for real-time 3D bend, warp, and distortion effects. Made for standout portfolios, creative agencies, design studios, photographers, and premium digital products, it turns ordinary media into an interactive experience. With a refined aesthetic, this Framer component combines smooth 60fps animation, responsive interactions, and precision-tuned easing across desktop, tablet, and mobile. "},{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual WebGL Shader Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose \"Cylinder\" for a sleek horizontal paper-roll bend with crisp edges, or \"Bubble\" for a dynamic 4-pin center bulge — two visual styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Reveal Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" A precisely sequenced, fully customizable fade-and-unbend entrance creates a polished first impression on every load."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Media Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Supports images and looping video with built-in hysteresis that automatically pauses and resumes clips by active slide, reducing memory and CPU usage."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Interaction Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Touch, drag, and scroll controls combine with elastic rubber-band snapping for satisfying navigation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Numeric Timeline:","marks":[{"type":"bold"}]},{"type":"text","text":" A scroll-synced timeline provides quick-jump navigation with smooth transitions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Total Design Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust curve depth, bend frequency, slide dimensions, typography, spacing, and timeline styling directly from Framer's native property panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for Production:","marks":[{"type":"bold"}]},{"type":"text","text":" Clean React and TypeScript code uses "},{"type":"text","text":"ResizeObserver","marks":[{"type":"code"}]},{"type":"text","text":" for accurate WebGL canvas scaling and reliable performance at any screen size."}]}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Who Is Distortion Slider For?","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Agencies & Design Studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance Designers & Photographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Designers & No-Code Creators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS, E-commerce & Premium Brands"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Make your portfolio or website impossible to ignore with a high-end WebGL gallery experience. Add Distortion Slider to your Framer project today for every project."}]}]},"introduction":"Premium WebGL Distortion Slider","slug":"distortion-slider","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/68QIytvV1lZYyORIoBfW/distortion-slider-87PXTu1IVAwr9jbqV62OGbPhYzveiH","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-12T14:58:29.529Z","updatedAt":"2026-08-31T08:08:13.653Z","publishedAt":"2026-05-28T13:56:30.390Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://consistent-hands-362676.framer.app/preview","price":"14","paymentUrl":"https://buy.polar.sh/polar_cl_TFQk9p5dqlYD5Od2JcSKUJ9wzalrjeUWl4tI42hKlM6","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"lRhH2LTzZg62q09EGKIu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-28T13:56:30.390Z","updatedAt":"2026-05-28T13:56:30.390Z"},{"id":"019d90ef-a5e8-7869-a882-9e48ca79520a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eQGbOaC6X2dxR5Vp38Hj","resolved":true,"title":"Spatial Slider","body":"$53","bodyJson":null,"introduction":"Buttery smooth 3D spatial carousel.","slug":"spatial-slider","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eQGbOaC6X2dxR5Vp38Hj/spatial-slider-cXAMS1tAVl8AVsImawkcXaaIvwyweA","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-13T10:28:10.416Z","updatedAt":"2026-05-16T07:29:06.528Z","publishedAt":"2026-04-15T11:38:37.928Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ordinary-candidate-274138.framer.app/spatial-slider-preview","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_JL6RrW07WhK2TTwhIBe3rRi7H3vvQtt9DcZYh1DDcVw","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"r6U5DlD2eQ35oSyk7dVf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T11:38:37.928Z","updatedAt":"2026-04-15T11:38:37.928Z"},{"id":"019d4843-80f9-7def-a813-638e049e7d8e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NVfdPiFOZV9XMhMhiM5O","resolved":true,"title":"Block Falling Text","body":"$54","bodyJson":null,"introduction":"Dynamic falling block text animations.","slug":"block-falling-text","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NVfdPiFOZV9XMhMhiM5O/block-falling-text-iHfYPjiNgxegk18ZSfkGViBlX7RC32","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-20T17:53:43.348Z","updatedAt":"2026-05-07T12:24:07.444Z","publishedAt":"2026-04-01T08:57:56.729Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mighty-goal-980501.framer.app/preview","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_Mv0ys74eJy2pIzyDtJtIXExwqCX2ROKB2441625tfcH","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"ZMnLK2DI6Sv5Po5nh6Dm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-01T08:57:56.729Z","updatedAt":"2026-04-01T08:57:56.729Z"},{"id":"019d435a-27de-7943-aef8-774df5d509d6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ndeifADVCOhZ5oI2zw6E","resolved":true,"title":"InteractiveCube","body":"$55","bodyJson":null,"introduction":"Physics-driven 3D cube for Framer.","slug":"interactivecube","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ndeifADVCOhZ5oI2zw6E/interactivecube-wV6xu0dnljeTQyd2Mi53xrjx86apid","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-17T17:10:08.354Z","updatedAt":"2026-05-07T12:23:42.618Z","publishedAt":"2026-03-31T10:04:35.166Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://superfluous-subtasks-190431.framer.app/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_b3nTlQClW6OGnLfwl63E5PyIjeuKj8tLDjKr90GLfdd","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Ij7erlF180rvScwkauE7","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-03-31T10:04:35.166Z","updatedAt":"2026-03-31T10:04:35.166Z"},{"id":"019cc4a7-e56c-71ea-993f-4b22bfbb83f8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mXCxIivCfiyLC2db9MDQ","resolved":true,"title":"Overlapping Carousal","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vr5okqbw-ktWfzVZHa4CcI0kPCg7oEBOVPD4AMB","link":null,"caption":"","uploadId":null}},{"type":"customHeading","content":[{"type":"text","text":"Overlapping Card Slider: Premium 3D Interactive Carousel for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The Overlapping Card Slider is a premium Framer component engineered to bring life, depth, and buttery-smooth interaction to your next web project. Elevate your site with dynamic 3D overlap physics and fluid drag momentum—with zero coding required."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for modern storytelling, every visual element is exposed to Framer’s property panel so you can mold the slider to fit any brand identity in seconds."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Revolutionize Your UI with \"Component Mode\""}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design Anything on the Canvas. Turn It Into a Physics-Based 3D Slider Instantly."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Premium Features for Next-Level Framer Sites"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic 3D Overlap:","marks":[{"type":"bold"}]},{"type":"text","text":" Cards smoothly scale, rotate, and fade to create a stunning depth-of-field effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Momentum Drag:","marks":[{"type":"bold"}]},{"type":"text","text":" Natural, satisfying swipe interactions powered by Framer Motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Total Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Control typography, avatars, navigation buttons, and spacing natively."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Universal & Per-Card Theming:","marks":[{"type":"bold"}]},{"type":"text","text":" Switch between uniform styling or playful, multi-colored layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive & No-Code:","marks":[{"type":"bold"}]},{"type":"text","text":" Flawless across all breakpoints. Just drag, drop, style, and publish."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" Testimonial showcases, portfolio carousels, team galleries, and premium SaaS landing pages."}]},{"type":"customHeading","content":[{"type":"text","text":"Simple, No-Code 3-Step Setup"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"No complex code overrides, and absolutely no frustrating workarounds. Turn static content into a modern 3D carousel in seconds:"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste:","marks":[{"type":"bold"}]},{"type":"text","text":" Drop the component directly onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect:","marks":[{"type":"bold"}]},{"type":"text","text":" Link your custom cards using Framer's native visual connector."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish:","marks":[{"type":"bold"}]},{"type":"text","text":" Launch your highly interactive, SEO-optimized web experience to the world."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Exclusive Buyer Bonus:","marks":[{"type":"bold"}]},{"type":"text","text":" Your purchase includes a completely free interactive custom card template and a comprehensive, step-by-step setup guide. Test the 3D physics immediately and get your stunning new slider running perfectly in under five minutes."}]}]},"introduction":"3D overlap card stack for Framer.","slug":"overlapping-carousal","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/mXCxIivCfiyLC2db9MDQ/overlapping-slider-gpHmTYZlEVLGixH7hTRkgWlaxpxoES","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-27T19:33:00.474Z","updatedAt":"2026-09-08T15:07:19.428Z","publishedAt":"2026-03-06T19:37:43.532Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://plum-popover-826109.framer.app/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_tkVCHNCjnCwhRmHD4dFdvqIy8H52mkFbBqoeh2UYJrQ","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"CcdYvxK912WcbGoxFjt4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-06T19:37:43.532Z","updatedAt":"2026-03-06T19:37:43.532Z"},{"id":"019c70f9-4c9f-77a0-9b1b-5c72a0c1fd3a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ifmq5fPf9yqDPnnjt0Iv","resolved":true,"title":"Wave Visualizer","body":"$57","bodyJson":null,"introduction":"Audio player with a real-time visualizer","slug":"wave-visualizer","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ifmq5fPf9yqDPnnjt0Iv/wave-visualizer-CHm8y3kChfO4aFE1kIJJbmVqvrYq7I","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-13T17:35:45.356Z","updatedAt":"2026-05-07T12:23:33.020Z","publishedAt":"2026-02-18T13:38:32.223Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://comprehensive-stage-764631.framer.app/","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_VZuyG8wD4ppbyCVO6ItQfdCFV6Q3Es6BqGq700vhBxT","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"X6MthSGwrazIEqDOHtKb","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-02-18T13:38:32.223Z","updatedAt":"2026-02-18T13:38:32.223Z"},{"id":"019c626e-e382-7695-b8ab-28aafa331780","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"H6Jihlru5ufbgo9OMZjJ","resolved":true,"title":"Pixel Button","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixel Button: The Ultimate Animated Framer CTA"}]},{"type":"paragraph","content":[{"type":"text","text":"Stop settling for static buttons that get ignored. Pixel Button is a premium Framer component designed to turn passive visitors into active customers through immersive, interactive animations."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of basic hover effects, Pixel Button creates a living field of animated pixel particles that react to cursor movement, hover, and clicks with fluid motion, dynamic lighting, and spatial depth. The result is a CTA that grabs attention, elevates your brand, and encourages more clicks."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Pixel Button?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Built with a high-performance real-time canvas engine, Pixel Button combines cinematic reveal effects, tactile click ripples, and polished micro-interactions into a single no-code Framer component. It's perfect for SaaS landing pages, startup websites, portfolios, templates, and premium marketing sites."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Particle Engine","marks":[{"type":"bold"}]},{"type":"text","text":" – Real-time animated pixel particles with adjustable density, size, shimmer, and up to 5 custom colors."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Radial Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" – Hover animation expands from the center, with an optional ambient mode for continuous motion."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Click Ripple","marks":[{"type":"bold"}]},{"type":"text","text":" – Creates a responsive ripple exactly where users click."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Gradient Beam Border","marks":[{"type":"bold"}]},{"type":"text","text":" – Animated conic-gradient border with customizable colors and speed."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Readability Halo","marks":[{"type":"bold"}]},{"type":"text","text":" – Keeps button text sharp and readable over moving particles."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Responsive Canvas","marks":[{"type":"bold"}]},{"type":"text","text":" – Automatically adapts to every screen size using ResizeObserver."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Full Styling Control","marks":[{"type":"bold"}]},{"type":"text","text":" – Customize radius, padding, typography, glow, colors, and background directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Production Ready","marks":[{"type":"bold"}]},{"type":"text","text":" – Native link support, open-in-new-tab option, and instant click handling."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• SaaS landing pages • Startup websites • Waitlist campaigns • Pricing sections • Portfolios • Framer templates • Premium marketing websites"}]},{"type":"paragraph","content":[{"type":"text","text":"Add a high-end interactive CTA that makes your website feel more premium, more memorable, and more clickable—all without writing a single line of code."}]}]},"introduction":"High-Convert Animated Framer CTA","slug":"pixel-button","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/H6Jihlru5ufbgo9OMZjJ/pixel-button-5TkGaSdgRybw2XSPEDX4hOlGTTfkq9","metadata":{"tint":{"h":120,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-08T16:09:53.935Z","updatedAt":"2026-07-08T08:44:52.444Z","publishedAt":"2026-02-15T17:52:40.322Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://rich-updates-104845.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_Ay0XAMgPDmwO3FozJxVu1SbkPxMvt1ytwKet40FG7Jo","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"EjOoGigOPR7OUgd4TxXE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":39,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-15T17:52:40.322Z","updatedAt":"2026-02-15T17:52:40.322Z"},{"id":"019a767d-d974-71c8-9a1a-226632202b56","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qfxlQ1AT4U5nqWTv09bZ","resolved":true,"title":"GlowingBeamButton","body":"$59","bodyJson":null,"introduction":"Animated glowing CTA button with aura","slug":"glowingbeambutton","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qfxlQ1AT4U5nqWTv09bZ/glowingbeambutton-7TpLezbBWcMiirA5dh6dhxKc8FSKtv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-01T15:02:18.932Z","updatedAt":"2026-05-15T10:14:51.708Z","publishedAt":"2025-11-12T05:15:50.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/GlowingBeam-Button-VY59.js@vDLNzC17BR0OvsmYHKcr","previewUrl":"https://exhilarated-resources-242442.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"vDLNzC17BR0OvsmYHKcr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":31,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-12T05:15:50.516Z","updatedAt":"2025-11-12T05:15:50.516Z"},{"id":"0198a6a3-39e6-713b-8468-e18e18d2bfa2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"u1AW2laV7mXelcRZVvvi","resolved":true,"title":"Icon Slide In Button","body":"$5a","bodyJson":null,"introduction":"A premium animated CTA with sliding icon","slug":"icon-slide-in-button","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/u1AW2laV7mXelcRZVvvi/icon-slide-in-button-kXTNON6Pwrj95btXz1ZGVcQ5spgWnV","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-10T17:15:36.910Z","updatedAt":"2026-05-07T12:22:53.180Z","publishedAt":"2025-08-14T03:32:51.814Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Slide-In-Button-bb0t.js@AkIIpTKoP29X3k3M6qp2","previewUrl":"https://animatedbuttonpreview.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"AkIIpTKoP29X3k3M6qp2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-14T03:32:51.814Z","updatedAt":"2025-08-14T03:32:51.814Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5b"}]