52:I[267044,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/3xktnaujy87te.js","/creators-assets/_next/static/immutable/chunks/3futvmn4fb096.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1n4sz3rar6_gg.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3gipqcylfnv5h.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/1ftf6fdyz0hh4.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/22bknn11ingiw.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/266ocjpppah0s.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 53:T65f,

More my components - Gumroad - Contra - Transform your website with the Ultimate Interactive Image Accordion for Framer

— a dynamic, responsive card showcase designed for portfolios, landing pages,

feature sections, and photo galleries.

🌟 Key Features:

- 3 Designer Styles: Choose between Liquid Glass (frosted glassmorphism),

Modern (vibrant accents & dark tech aesthetic), and Simple (clean

minimalism).

- Dual Direction Support: Switch effortlessly between Horizontal and Vertical

layouts with flawless spring-animated expansion and collapse.

- Smart Interactivity: Support for Hover or Click triggers, Click-to-Close,

plus timed Autoplay with a smooth animated progress bar.

- Fully Responsive: Independent mobile breakpoints, custom mobile heights, and

automatic font scaling for seamless tablet and smartphone browsing.

- Deep Framer Controls: Easily customize typography, glass blur, button hover

physics, border radiuses, and spring transitions with zero code.

Boost engagement with smooth micro-interactions. Perfect for agency sites, SaaS,

and creative studios!

54:Tb2f,

More my component

⚡ GSAP Image Trail for Framer — Interactive Cursor Effect

Bring award-winning agency aesthetics to your Framer sites with GSAP Image Trail—a high-performance, mouse-driven micro-interaction. Dynamic images pop in with spring physics (back.out), tilt with organic randomness, and shrink out smoothly as visitors move their cursor.

Perfect for creative agencies, modern portfolios, luxury fashion showcases, and high-impact hero sections.

🔥 Why It’s Better Than Other Trail Effects:

🖱️ 100% Clickable Buttons (No Event Blocking): Buttons and links connected to the Content Slot retain full Hover and Pressed states. The trail layer uses isolated stacking contexts, so animated images never block clicks or interactions.
🔗 Dual Image Input (Paste URLs or Upload): Tired of uploading assets one by one? Paste direct image URLs (Unsplash, CDN) into the multiline text area, or upload files via Framer’s picker. Images preload automatically to eliminate blank pop-ins.
📐 Native "Fill" & Real-Time Responsive: Built with dynamic ResizeObserver tracking. It natively supports Width: Fill and Height: Fill (or 100vh), automatically adapting to any viewport without collapsing to 0px.
⚡ 60–120 FPS Performance: Engineered with GSAP and a smart DOM recycling pool. Zero memory leaks, zero lag, and buttery smooth motion even on quick mouse flicks.

🎛️ Fully Customizable in Framer:

Image Dimensions & Border Radius
Distance Threshold (mouse sensitivity)
GSAP Spring Easing (back.out), In/Out Speeds & Hold Time
Random Tilt Range (-60° to +60°)
Container-only or Full Window tracking
Drop Shadow Elevation toggle

🚀 2-Minute Quick Setup:

Create a new Code Component in Framer and paste the code.
Drag it onto your page and set Width: Fill & Height: Fill.
Connect your Hero Frame / Button to the Content Slot.
Paste your image URLs and hit Publish!

Includes: Production-ready ImageTrail.tsx + Lifetime updates.

55:T4d2,

More my components

If you want customization, Please contact me via my email : colab232777@gmail.com !

Elevate your website navigation with this ultra-responsive Magnifying Dock Framer component, engineered with fluid Framer Motion physics inspired by the iconic macOS dock. Built for modern UI/UX designers and developers, this customizable floating navbar delivers interactive magnification with pinpoint precision and zero layout shift.

Featuring three distinct visual themes—High-Contrast Obsidian, Frosted Glassmorphism, and Refractive Liquid Glass—it transforms static navigation into an unforgettable tactile experience. Easily customize every detail directly in Framer, including multi-layered drop shadows, specular inset highlights, backdrop blur, spacing, and border radius.

Supercharge your workflow with inline SVG code support, clickable hyperlinks, smooth tooltips, and 20 interactive animation presets (10 hover effects and 10 tap animations). Ideal for modern portfolios, SaaS dashboards, and high-converting landing pages.

56:T4c2,

My Store Gumroad

Elevate Your Brand with Thin – Minimalist Agency Framer Template

Meet Thin, the ultimate minimalist Framer agency template designed for modern creative studios, digital agencies, and freelance professionals. Crafted with precision and elegance, Thin embraces a clean, ultra-sleek aesthetic that eliminates distractions and lets your portfolio take center stage.

Built natively in Framer, this lightweight yet powerful website template delivers lightning-fast loading speeds, fluid micro-interactions, and a 100% responsive layout that looks flawless on any device. It features an integrated CMS for effortless project management, dynamic case study layouts, tailored service sections, and high-converting contact forms. Launch your dream agency site in minutes—no coding required.

Fully optimized for modern SEO best practices, Thin ensures superior search engine visibility and top-tier user experience. Transform your digital presence, captivate high-ticket clients, and scale your creative business with Thin today.

57:T8f6,

Gumroad - Preview - If you want customization, Please contact me via my email : colab232777@gmail.com !Transform static words into motion. Rolling Text is a lightweight Framer component that animates your text with a smooth rolling effect when it enters the viewport. Place it anywhere on your page — hero sections, feature highlights, or footers — and watch your typography come alive.

Fully customizable, you can change font, size, color, speed, delay, and text content to match your design. This makes Rolling Text the perfect blend of elegance and interactivity for modern websites.

Best Uses

🚀 Hero sections with eye-catching animated headlines🎨 Portfolios and landing pages that need modern text motion✨ Feature callouts or section titles that stand out📜 Subtle text animations for long-form pages or blogs

Key Features

On-Scroll Animation: Triggers when text enters the viewport
Customizable Content: Edit any text, font, color, and size
Adjustable Motion: Control rolling speed, delay
Responsive: Works seamlessly across desktop and mobile
Lightweight: Optimized for smooth performance in Framer

Why Use Rolling Text?

Adds motion and depth to your typography
Boosts engagement with scroll-triggered animation
Easy to customize for any creative project
Perfect for hero sections, headlines, and feature highlights

With Rolling Text, your words don’t just sit still — they roll in with personality and style, helping you stand out with modern motion design.

58:T614,

Retro Dot-Matrix Display is a creative website component crafted with React and Tailwind CSS, designed to bring a nostalgic digital billboard aesthetic into modern interfaces. Inspired by classic LED panels and arcade-era typography, this component transforms ordinary text into a glowing matrix of animated dots that feel alive and dynamic.

Built for flexibility, you can easily tweak dimensions, adjust text size, and customize LED colors to match your brand identity or project theme. It includes full dark and light mode toggle support, ensuring seamless visual harmony across different user preferences. Every element is fully responsive, adapting smoothly to all screen sizes, from mobile devices to ultra-wide displays.

A dedicated customization button is available directly in preview mode, allowing users to modify settings in real-time without navigating complex configuration panels. This creates an intuitive and interactive editing experience, making design adjustments fast and visually immediate.

Unlike standard Framer built-in features, this component is engineered with custom logic and animation control that cannot be replicated using default project tools alone. The transitions deliver smooth, performant animations that elevate visual impact beyond static typography.

Perfect for hero sections, landing headers, promotional banners, product highlights, and creative showcases, Retro Dot-Matrix Display adds personality, motion, and a distinctive retro-futuristic charm to any modern website experience.

59:Taab,

Details

Create stunning visual transitions with the mesmerizing 3D flip image reveal component. Transform any image into an animated cascade that elegantly flips from one image to another through a choreographed sequence of rotating tiles. Each tile performs a captivating 3D rotation with customizable timing, creating a wave-like reveal effect that's perfect for before/after comparisons, portfolio showcases, and dramatic image transitions.

The component intelligently divides your images into a grid of tiles, each performing its own synchronized flip animation with staggered timing. The result is a smooth, professional transition that adds sophistication to any design. Whether you're showcasing product transformations, revealing hidden content, or simply adding visual flair to image galleries, this component delivers an unforgettable user experience.

Features

Smooth 3D tile flip animation with perspective-based rendering
Customizable grid layout with adjustable rows and columns
Staggered animation timing for wave-like reveal effects
Adjustable tile spacing and animation duration controls
Automatic image scaling and positioning for perfect coverage
Optimized performance with efficient rendering and memory management
Responsive design that adapts to any container size
Works seamlessly with any image format or resolution

Controls

Front Image – Upload the initial image to display before the flip animation
Back Image – Upload the target image that will be revealed after the flip
Columns – Set the number of tile columns in the grid (1-32)
Rows – Set the number of tile rows in the grid (1-32)
Gap – Adjust the spacing between tiles in pixels (0-20px)
Initial Delay – Control when the animation begins after loading (0-3 seconds)
Duration – Set how long each individual tile takes to flip (0.1-2 seconds)
Stagger – Adjust the delay between each tile's animation start (0-0.5 seconds)

Perfect For

Before/after image comparisons
Portfolio reveals and showcases
Product transformation displays
Interactive storytelling elements
Hero banner transitions
Creative loading animations
Brand reveal moments
Educational content transitions

5a:T662,

Gumroad - Lemon Squeezy - This component lets you display images or videos with fully interactive behavior and elegant motion control. Choose from 10 dynamic hover animations including: expand, zoom, tilt, glow, blur-neighbors, lift, rotate, saturate, slide-up, and wiggle. Each interaction responds smoothly to cursor movement, adding depth, energy, and tactile feedback to your design.

On page load, captivate your audience with 10 customizable intro animations such as: fade-up, cascade, flip-in, zoom-stagger, slide-left, slide-right, rotate-in, blur-in, wave, and bounce-in. Every animation can be adjusted directly from the Framer project UI panel, allowing you to fine-tune timing, intensity, and sequencing without writing a single line of code.

To match your brand aesthetic, the component includes flexible Image Shape options: rectangle, rounded, pill, circle, diamond, and arch. Whether you’re building a bold hero section, a modern portfolio grid, a product showcase, or a media-rich landing page, this component adapts seamlessly.

Designed for responsiveness and performance, it blends motion, interactivity, and customization into one elegant system—perfect for designers who want expressive visuals with full creative control.

5b:T772,

What is Loop Timeline?

Loop Timeline is an interactive circular timeline that transforms linear content into an engaging wheel interface. Visitors can drag to rotate, or sit back as it auto-spins through your content. Ideal for process flows, daily schedules, quarterly plans, achievement showcases, and feature highlights that need to stand out.

Core Features

Auto-rotating wheel with adjustable speed and smooth spring animations
Click-to-select and drag-to-rotate interactions with grab cursor feedback
8 built-in theme presets including Day Cycle, Seasons, Steps, and Achievements
Animated center panel displaying segment title, description, and icon
Responsive sizing that adapts to any container
Custom segment data support for complete content control

Controls inside Framer

Theme and Layout

Theme selector with 8 presets plus Custom mode
Segment count (2, 3, or 4 segments)
Center content layout (Icon + Text or Text Only)

Animation

Auto-rotate toggle
Rotation speed control

Typography

Font family selector
Font weight control

Custom Data

Per-segment title, description, and icon overrides

Best use cases

Daily routine or schedule visualisations for lifestyle and productivity sites
Step-by-step process flows for SaaS onboarding or service pages
Quarterly or seasonal content for business and marketing sites
Achievement and milestone showcases for portfolios and case studies

Elevate your timeline content from static lists to an interactive experience that keeps visitors engaged and exploring.

5c:T636,

Interactive Wave Shape is a dynamic, touch-responsive background that reacts beautifully to clicks or taps, creating colorful, expanding wave ripples across a shape of geometric shapes. Each ripple adds motion and energy to your design, blending color, form, and interactivity in one seamless visual experience.

Bring life to your website sections with animated geometry that responds to user input—great for modern portfolios, creative hero sections, or tech landing pages.

Key Features

Interactive Waves: Click or tap anywhere to generate expanding ripple effects
Customizable Shape: Control shape density, wave duration, and animation speed
Multiple Shapes: Choose from squares, circles, triangles, or hexagons
Color Modes: Use random vibrant colors or fixed color themes
Smooth Glow Effects: Adds soft lighting and visual depth to each shape
Instruction Overlay: Optional on-screen prompt for better UX
Framer Controls: Fully adjustable from Framer’s properties panel

Best For / Where to Use

Hero sections and interactive landing pages
Creative portfolios or digital art showcases
Background animations for tech or design agencies
Experiential microsites or visual identity concepts
Modern motion-driven web backgrounds

5d:T470,

The Blur Image Carousel brings depth and motion to your Framer projects. Images are arranged in a circular layout that smoothly rotates with spring-based animations. You can navigate using arrow buttons or click any image to bring it to the front. The component supports hover scaling, perspective control, reflections, and subtle shadows—perfect for product showcases, galleries, or portfolios.

Customization Options:Images: Edit the images array with custom image sources and alt text.Size: Control image dimensions and border radius. Blur Effect: Adjust spacing and perspective for the circular rotation depth. Animation: Set rotation speed, click rotation behavior, and hover scale. Reflection: Enable or disable with showReflection. Theme: Light/Dark . Auto Play Slide

Add an interactive, premium Blur feel to your visuals with this sleek carousel.

51:["$","$L52",null,{"value":{"fallback":{"$inf$activity-creator-04c866a7-3fd7-4257-aa25-1cd7ed251101-all:/unified/creator/04c866a7-3fd7-4257-aa25-1cd7ed251101/activity/":[{"data":[{"id":"01a0ec81-6534-728a-89d0-df5329223b0f","type":"component.created","target":{"type":"component","id":"c6SlyhGHRg4EDuVXDHeL","preview":"Images Accordion","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a0ec7f-efb7-7496-bd95-5d1ac6db69a8.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-29T09:31:38.164Z","latestAt":"2026-09-29T09:31:38.164Z"},{"id":"01a0bef8-691a-74bc-ae26-e60b1b208c33","type":"component.created","target":{"type":"component","id":"8q9Xiqxm9NmX8HWpp2zS","preview":"Image GSAP","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a0bef7-fb70-740d-9057-0aa087a2905f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-20T13:19:06.010Z","latestAt":"2026-09-20T13:19:06.010Z"},{"id":"01a0bdef-d01b-70ab-a853-5f42f60ad6ea","type":"component.created","target":{"type":"component","id":"mBhQBmZ5MOx8W9LLUwjY","preview":"Dock Modern","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a0bded-6f54-74d7-b694-87d79281dc1b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-20T08:30:05.339Z","latestAt":"2026-09-20T08:30:05.339Z"},{"id":"01a0b88f-ddd6-7498-9201-62965702f2a3","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/1j68mb2i","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T07:27:11.313Z","latestAt":"2026-09-19T07:27:11.313Z"},{"id":"01a0b3c4-eccf-75cd-b5a3-da509c36951c","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"Pixl Form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T09:07:02.457Z","latestAt":"2026-09-18T09:07:02.457Z"},{"id":"01a0b3c4-d6ad-73de-ae6e-3c48df3f9641","type":"creator.followed","target":{"type":"creator","id":"4646fd31-4eba-4c42-8e8e-68ef4f848fd8","preview":"Peush Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31194/avatar-4WafpCV2BWeCAJi7rkY7GjMf7YwL8z.jpg","slug":"peush-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T09:06:56.740Z","latestAt":"2026-09-18T09:06:56.740Z"},{"id":"01a0b3c4-b147-71ab-87c3-5bb0807e4b77","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":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T09:06:47.226Z","latestAt":"2026-09-18T09:06:47.226Z"},{"id":"01a08f46-b0c9-778a-bb92-4ec15e1e9dfa","type":"template.created","target":{"type":"template","id":"72818","preview":"Thin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a08f3f-ad36-747f-b4a1-cdbfcdb1e5e2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","slug":"colab-colab","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-11T07:02:49.801Z","latestAt":"2026-09-11T07:02:49.801Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:04c866a7-3fd7-4257-aa25-1cd7ed251101:/unified/posts/?creator=04c866a7-3fd7-4257-aa25-1cd7ed251101&with=reposts":[{"data":[{"id":"01a0ec81-6324-749d-9d89-0a2768896c14","title":null,"body":"

New my components - Image Accordion with animation smooth

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New my components - Image Accordion with animation smooth"}]}]},"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"c6SlyhGHRg4EDuVXDHeL","resolved":true,"title":"Images Accordion","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More my components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@colab-colab/?tab=component","target":"_blank"}}]},{"type":"text","text":" - "},{"type":"text","text":"Gumroad","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://madanie232.gumroad.com/l/ktdyb","target":"_blank"}}]},{"type":"text","text":" - "},{"type":"text","text":"Contra","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://contra.com/payment-link/nTmekzia-images-accordion-component-framer-code","target":"_blank"}}]},{"type":"text","text":" - Transform your website with the Ultimate Interactive Image Accordion for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"— a dynamic, responsive card showcase designed for portfolios, landing pages,"}]},{"type":"paragraph","content":[{"type":"text","text":"feature sections, and photo galleries."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"star2","emoji":"🌟"}},{"type":"text","text":" Key Features:"}]},{"type":"paragraph","content":[{"type":"text","text":" - 3 Designer Styles: Choose between Liquid Glass (frosted glassmorphism),"}]},{"type":"paragraph","content":[{"type":"text","text":" Modern (vibrant accents & dark tech aesthetic), and Simple (clean"}]},{"type":"paragraph","content":[{"type":"text","text":" minimalism)."}]},{"type":"paragraph","content":[{"type":"text","text":" - Dual Direction Support: Switch effortlessly between Horizontal and Vertical"}]},{"type":"paragraph","content":[{"type":"text","text":" layouts with flawless spring-animated expansion and collapse."}]},{"type":"paragraph","content":[{"type":"text","text":" - Smart Interactivity: Support for Hover or Click triggers, Click-to-Close,"}]},{"type":"paragraph","content":[{"type":"text","text":" plus timed Autoplay with a smooth animated progress bar."}]},{"type":"paragraph","content":[{"type":"text","text":" - Fully Responsive: Independent mobile breakpoints, custom mobile heights, and"}]},{"type":"paragraph","content":[{"type":"text","text":" automatic font scaling for seamless tablet and smartphone browsing."}]},{"type":"paragraph","content":[{"type":"text","text":" - Deep Framer Controls: Easily customize typography, glass blur, button hover"}]},{"type":"paragraph","content":[{"type":"text","text":" physics, border radiuses, and spring transitions with zero code."}]},{"type":"paragraph","content":[{"type":"text","text":"Boost engagement with smooth micro-interactions. Perfect for agency sites, SaaS,"}]},{"type":"paragraph","content":[{"type":"text","text":"and creative studios!"}]}]},"introduction":"Animation Smooth","slug":"images-accordion","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a0ec7f-efb7-7496-bd95-5d1ac6db69a8.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T09:31:37.110Z","updatedAt":"2026-10-01T08:11:33.923Z","publishedAt":"2026-09-29T09:31:37.106Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://alert-areas-871588.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_MXq7s5V6fhScfhauwFbYr37JmkzFqKazNmeyW3dvwto","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"voGn1NmGJVNmXxpg5PFI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T09:31:37.637Z","updatedAt":"2026-09-29T09:31:37.637Z","type":"post"},{"id":"01a0bef8-670d-751f-aefe-c4f4f532c5a3","title":null,"body":"

New release my component - GSAP Image Trail Follow Mouse

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New release my component - GSAP Image Trail Follow Mouse"}]}]},"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8q9Xiqxm9NmX8HWpp2zS","resolved":true,"title":"Image GSAP","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More my component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@colab-colab/?tab=component","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"⚡ "},{"type":"text","text":"GSAP Image Trail for Framer — Interactive Cursor Effect","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Bring award-winning agency aesthetics to your Framer sites with "},{"type":"text","text":"GSAP Image Trail","marks":[{"type":"bold"}]},{"type":"text","text":"—a high-performance, mouse-driven micro-interaction. Dynamic images pop in with spring physics (back.out), tilt with organic randomness, and shrink out smoothly as visitors move their cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"creative agencies, modern portfolios, luxury fashion showcases, and high-impact hero sections.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" Why It’s Better Than Other Trail Effects:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"🖱️ 100% Clickable Buttons (No Event Blocking):","marks":[{"type":"bold"}]},{"type":"text","text":" Buttons and links connected to the "},{"type":"text","text":"Content Slot","marks":[{"type":"bold"}]},{"type":"text","text":" retain full "},{"type":"text","text":"Hover and Pressed","marks":[{"type":"bold"}]},{"type":"text","text":" states. The trail layer uses isolated stacking contexts, so animated images never block clicks or interactions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" Dual Image Input (Paste URLs or Upload):","marks":[{"type":"bold"}]},{"type":"text","text":" Tired of uploading assets one by one? Paste direct image URLs (Unsplash, CDN) into the multiline text area, or upload files via Framer’s picker. Images preload automatically to eliminate blank pop-ins."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" Native \"Fill\" & Real-Time Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Built with dynamic ResizeObserver tracking. It natively supports "},{"type":"text","text":"Width: Fill","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Height: Fill","marks":[{"type":"bold"}]},{"type":"text","text":" (or 100vh), automatically adapting to any viewport without collapsing to 0px."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"⚡ 60–120 FPS Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Engineered with GSAP and a smart DOM recycling pool. Zero memory leaks, zero lag, and buttery smooth motion even on quick mouse flicks."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"🎛️ Fully Customizable in Framer:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Dimensions & Border Radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Distance Threshold (mouse sensitivity)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GSAP Spring Easing (back.out), In/Out Speeds & Hold Time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Random Tilt Range (-60° to +60°)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Container-only or Full Window tracking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop Shadow Elevation toggle"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" 2-Minute Quick Setup:"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create a new Code Component in Framer and paste the code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag it onto your page and set "},{"type":"text","text":"Width: Fill","marks":[{"type":"bold"}]},{"type":"text","text":" & "},{"type":"text","text":"Height: Fill","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect your Hero Frame / Button to the "},{"type":"text","text":"Content Slot","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste your image URLs and hit "},{"type":"text","text":"Publish","marks":[{"type":"bold"}]},{"type":"text","text":"!"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Includes:","marks":[{"type":"bold"}]},{"type":"text","text":" Production-ready ImageTrail.tsx + Lifetime updates."}]}]},"introduction":"GSAP Image Follow Mouse","slug":"image-gsap","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a0bef7-fb70-740d-9057-0aa087a2905f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-20T13:19:04.889Z","updatedAt":"2026-09-20T13:19:04.889Z","publishedAt":"2026-09-20T13:19:04.886Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://focused-season-182581.framer.app/","price":"5","paymentUrl":"https://madanie232.gumroad.com/l/kcodlq","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"SHZGYkyWxDWo3y9asVR6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T13:19:05.486Z","updatedAt":"2026-09-20T13:19:05.486Z","type":"post"},{"id":"01a0bdef-ce07-776a-be21-453d454ad01a","title":null,"body":"

New Dock Bar Modern Component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New Dock Bar Modern Component"}]}]},"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mBhQBmZ5MOx8W9LLUwjY","resolved":true,"title":"Dock Modern","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More my components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@colab-colab/?tab=component","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you want customization, Please contact me via my email : "},{"type":"text","text":"colab232777@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:colab232777@gmail.com","target":"_blank"}}]},{"type":"text","text":" !"}]},{"type":"paragraph","content":[{"type":"text","text":"Elevate your website navigation with this ultra-responsive Magnifying Dock Framer component, engineered with fluid Framer Motion physics inspired by the iconic macOS dock. Built for modern UI/UX designers and developers, this customizable floating navbar delivers interactive magnification with pinpoint precision and zero layout shift."}]},{"type":"paragraph","content":[{"type":"text","text":"Featuring three distinct visual themes—High-Contrast Obsidian, Frosted Glassmorphism, and Refractive Liquid Glass—it transforms static navigation into an unforgettable tactile experience. Easily customize every detail directly in Framer, including multi-layered drop shadows, specular inset highlights, backdrop blur, spacing, and border radius."}]},{"type":"paragraph","content":[{"type":"text","text":"Supercharge your workflow with inline SVG code support, clickable hyperlinks, smooth tooltips, and 20 interactive animation presets (10 hover effects and 10 tap animations). Ideal for modern portfolios, SaaS dashboards, and high-converting landing pages."}]}]},"introduction":"Dock Bar Modern and Interactive","slug":"dock-modern","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a0bded-6f54-74d7-b694-87d79281dc1b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-20T08:30:04.280Z","updatedAt":"2026-09-20T09:07:23.518Z","publishedAt":"2026-09-20T08:30:04.278Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://social-discipline-789385.framer.app/","price":"5","paymentUrl":"https://madanie232.gumroad.com/l/pvoatf","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4XDKiRfsE5yiaZ5xEQcH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T08:30:04.807Z","updatedAt":"2026-09-20T08:30:04.807Z","type":"post"},{"id":"01a0b3c7-4e1c-763d-b81c-aaf38a3fc0c5","title":null,"body":"

Live Preview Template and this Component : https://web-agency.framer.website/ , Do you want to buy this component? If yes, I will sell it soon!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview Template and this Component : "},{"type":"text","text":"https://web-agency.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://web-agency.framer.website/","target":"_blank"}}]},{"type":"text","text":" , Do you want to buy this component? If yes, I will sell it soon!"}]}]},"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/X5B6X01K7j64MtM02q9DZFqyJ01pvAkKwHW00rg901BjTTwc.m3u8","metadata":{"posterUrl":"https://image.mux.com/X5B6X01K7j64MtM02q9DZFqyJ01pvAkKwHW00rg901BjTTwc/thumbnail.webp?time=3.367","aspectRatio":"359:171","duration":6.366667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T09:09:38.463Z","updatedAt":"2026-09-18T09:09:38.463Z","type":"post"},{"id":"01a08f46-aeba-75d2-86f4-2af7ca0840c3","title":null,"body":"

New agency template

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New agency template"}]}]},"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72818","resolved":true,"title":"Thin","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My Store Gumroad","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://madanie232.gumroad.com/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Elevate Your Brand with Thin – Minimalist Agency Framer Template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Thin","marks":[{"type":"bold"}]},{"type":"text","text":", the ultimate minimalist Framer agency template designed for modern creative studios, digital agencies, and freelance professionals. Crafted with precision and elegance, Thin embraces a clean, ultra-sleek aesthetic that eliminates distractions and lets your portfolio take center stage."}]},{"type":"paragraph","content":[{"type":"text","text":"Built natively in Framer, this lightweight yet powerful website template delivers lightning-fast loading speeds, fluid micro-interactions, and a 100% responsive layout that looks flawless on any device. It features an integrated CMS for effortless project management, dynamic case study layouts, tailored service sections, and high-converting contact forms. Launch your dream agency site in minutes—no coding required."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully optimized for modern SEO best practices, Thin ensures superior search engine visibility and top-tier user experience. Transform your digital presence, captivate high-ticket clients, and scale your creative business with Thin today."}]}]},"introduction":"Simple template agency","slug":"thin","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a08f3f-ad36-747f-b4a1-cdbfcdb1e5e2.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/01a08f43-7fc7-713d-8f48-8304227e04f4.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-11T07:02:48.630Z","updatedAt":"2026-09-12T04:31:31.071Z","publishedAt":"2026-09-11T07:02:48.627Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"35","paymentUrl":"https://madanie232.gumroad.com/l/xthext","remixUrl":null,"previewUrl":"https://web-agency.framer.website/","categories":[{"id":195,"name":"Business Blog","slug":"business-blog"}],"styles":[],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T07:02:49.274Z","updatedAt":"2026-09-11T07:02:49.274Z","type":"post"},{"id":"019e26d6-35e8-789a-855b-a57c0a674cfa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ae4TSFsvQQLXtirdJwWK","resolved":true,"title":"RollingT","body":"$57","bodyJson":null,"introduction":"Rolling Text is a Framer component","slug":"rollingt","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ae4TSFsvQQLXtirdJwWK/rollingt-queDhCb4qg06eeeRhZetkz9H0SrIWa","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-10T03:31:39.521Z","updatedAt":"2026-05-14T14:11:54.207Z","publishedAt":"2026-05-14T14:13:53.256Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://powerful-tool-286479.framer.app/","price":"10","paymentUrl":"https://contra.com/payment-link/AqyAVEAR-rolling-text-rolling-text-is-a-framer-component-basic","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Q6vnvvUCl3IFiRkjuzej","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T14:13:53.256Z","updatedAt":"2026-05-14T14:13:53.256Z","type":"post"},{"id":"019d40d0-13d9-741d-96e3-f14b6f09ae47","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"p6tIWxBqrgjOyMYxmD0h","resolved":true,"title":"Gallery Pro","body":"

Elevate your website with Gallery Pro, the ultimate React & Framer animated masonry component. Perfect for creative portfolios, it delivers stunning interactive layouts, 10+ dynamic hover effects, custom card shapes, and 3D intro animations. Easily edit titles, years, and custom URL links seamlessly via the Framer UI panel.

Perfect For

Creative portfolios & case studies
Photography or artwork showcases
Modern landing pages with dynamic image grids
Product galleries and campaign visuals

","bodyJson":null,"introduction":"Elevate your website","slug":"gallery-pro","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/p6tIWxBqrgjOyMYxmD0h/gallery-pro-yXR3Mkdphhl1qVMDL9Y3hfWrfkAqff","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-01T04:24:50.686Z","updatedAt":"2026-03-30T17:00:01.778Z","publishedAt":"2026-03-30T22:14:31.641Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://physical-booking-104093.framer.app/","price":"10","paymentUrl":"https://madanie232.gumroad.com/l/barfe","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"mG6DiwKZ5Bw43Q7OAgVw","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-03-30T22:14:31.641Z","updatedAt":"2026-03-30T22:14:31.641Z","type":"post"},{"id":"019cd265-3532-7852-9dd9-942cda081978","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"I60sYwOaWvNHLcTEFExj","resolved":true,"title":"Text Matrix","body":"$58","bodyJson":null,"introduction":"Retro Dot-Matrix Display is a creative","slug":"text-matrix","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/I60sYwOaWvNHLcTEFExj/text-matrix-XrDN3bZNyjCD5c0F6d4TKxIzxGOKhn","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-03T08:58:55.224Z","updatedAt":"2026-03-09T10:36:52.216Z","publishedAt":"2026-03-09T11:39:34.066Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://left-presentation-549398.framer.app/","price":"15","paymentUrl":"https://madanie232.gumroad.com/l/ehkkgu","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"P4AJreCKnLJwRaItFtwy","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-03-09T11:39:34.066Z","updatedAt":"2026-03-09T11:39:34.066Z","type":"post"},{"id":"019cc2dc-ddfb-722f-bf09-60e83a11e762","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JWW0uVCwmcxYSHMHVldr","resolved":true,"title":"Flip Reveal 3D Image","body":"$59","bodyJson":null,"introduction":"Animation Image","slug":"flip-reveal-3d-image","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JWW0uVCwmcxYSHMHVldr/flip-reveal-3d-image-ybMJNMdPx8OSpntH5CK9mxym6sfcbm","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-25T00:34:23.621Z","updatedAt":"2026-03-06T09:46:47.842Z","publishedAt":"2026-03-06T11:16:20.603Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dandy-finance-027562.framer.app/","price":"5","paymentUrl":"https://madanie232.gumroad.com/l/ceclsy","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"WdD09BvzCpnmxKG2bDOo","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-03-06T11:16:20.603Z","updatedAt":"2026-03-06T11:16:20.603Z","type":"post"},{"id":"019cba6b-f929-77e2-81aa-12c60f69983a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"CIN7zQKBVtDs2iVA3ICl","resolved":true,"title":"Expand Card","body":"$5a","bodyJson":null,"introduction":"Expand Card Image & Video Component","slug":"expand-card","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/CIN7zQKBVtDs2iVA3ICl/expand-card-dPmLLDQUmuFXdBVIUVJXTSFRiUJJ03","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-26T00:23:25.734Z","updatedAt":"2026-05-17T01:45:38.557Z","publishedAt":"2026-03-04T19:56:04.265Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://biggest-delivers-516518.framer.app/","price":"15","paymentUrl":"https://contra.com/payment-link/TuCe29Cj-expand-image-component-framer","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"qOnN0jr9hkL2yTS4O0xR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-04T19:56:04.265Z","updatedAt":"2026-03-04T19:56:04.265Z","type":"post"},{"id":"019cb412-324b-7d59-a993-78e482b38f9f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"R3qn0vBhMzih0Vg6O9Hp","resolved":true,"title":"Circle Timeline","body":"$5b","bodyJson":null,"introduction":"Interactive rotating timeline with icons","slug":"circle-timeline","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/R3qn0vBhMzih0Vg6O9Hp/circle-timeline-vJ9oI2wXjZQKnoaDPiPJ5wRIqnxnc4","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-24T09:44:02.022Z","updatedAt":"2026-03-12T23:03:46.854Z","publishedAt":"2026-03-03T14:20:17.355Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://lower-channels-785349.framer.app/","price":"13","paymentUrl":"https://madanie232.gumroad.com/l/evirvd","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"1ZMTI2B3g87jtY60lj0w","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-03T14:20:17.355Z","updatedAt":"2026-03-03T14:20:17.355Z","type":"post"},{"id":"019cb399-8bd9-7698-8457-847b3633ddb4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"3UiSH0EL0qwcHulgUqUW","resolved":true,"title":"Wave Shape Hover","body":"$5c","bodyJson":null,"introduction":"Interactive ripple waves on shape UI","slug":"wave-shape-hover","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3UiSH0EL0qwcHulgUqUW/wave-shape-hover-8C7RmynulA0UBZjCG3B2rEbe1dnvoc","metadata":{"tint":{"h":240,"s":50,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-21T02:23:42.476Z","updatedAt":"2026-03-12T23:03:30.422Z","publishedAt":"2026-03-03T12:08:30.425Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://magical-overlay-954335.framer.app/","price":"5","paymentUrl":"https://madanie232.gumroad.com/l/kqeorur","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"dIx2f7gmpt9OjleSKNv4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-03T12:08:30.425Z","updatedAt":"2026-03-03T12:08:30.425Z","type":"post"},{"id":"019c725f-9c43-71f2-b1de-f3b95c20aa03","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ujt5ZlPNEFvrxUi2MHPO","resolved":true,"title":"ModernCarouselBlur","body":"$5d","bodyJson":null,"introduction":"Modern Carousel Blur","slug":"moderncarouselblur","author":{"framerUserId":"04c866a7-3fd7-4257-aa25-1cd7ed251101","name":"Ahmad","slug":"colab-colab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/04c866a7-3fd7-4257-aa25-1cd7ed251101/p63gez2m","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ujt5ZlPNEFvrxUi2MHPO/moderncarouselblur-CTgCXBSG9HlduSnjPnbwPhzVzEzsVV","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-13T08:36:11.310Z","updatedAt":"2026-03-12T23:03:38.726Z","publishedAt":"2026-02-18T20:09:54.499Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stale-someone-574892.framer.app/","price":"15","paymentUrl":"https://madanie232.gumroad.com/l/zcjkx","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"E92pcMmePrfUugevFa40","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-02-18T20:09:54.499Z","updatedAt":"2026-02-18T20:09:54.499Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5e"}]