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

Meet MYA - Free Brand Designer Portfolio Template

A clean, flexible Framer template for brand designers, graphic designers, and photographers.

Showcase Your Work Beautifully

Meet Mya, a Framer portfolio template that gets out of your way and lets your projects shine. Built for visual creatives who want a professional online presence without the complexity.

What You Get

Unique grid layout and animation for stand-out portfolios
Smooth interactions that feel polished, not overdone
Flexible grid layouts that adapt to any project type
Clean typography and spacious layouts
Fully responsive across all devices

Why Mya Works

Simple to set up. Easy to maintain. Professional results.

Mya gives you the structure you need with the flexibility you want. Add projects, update content, and beautifully showcase your portfolio with a minimal design. Your portfolio stays current because updating it is actually effortless.

Perfect For

Brand designers, graphic designers, photographers, and creative professionals who need a portfolio that works as hard as they do.

Remix it for free and launch your portfolio.

63:T86a,

Product Hotspot

Transform any image or video into an interactive showcase with clickable hotspots revealing product details, pricing, and purchase options: perfect for e-commerce and product tours.

Details

Create engaging product experiences with the interactive hotspot component. Transform static images or dynamic videos into interactive showcases where viewers can click or hover over specific areas to reveal detailed product information, pricing, and purchase options. Each hotspot pulses with customizable animations to draw attention and guide user interaction through a smooth, professional experience.

The component intelligently positions information cards near hotspots while automatically avoiding screen edges and overlaps, ensuring information is always readable and accessible. Each hotspot can also override the automatic placement with a manually set position - left, right, top, or bottom - giving you full control over the layout. With built-in support for both image and video backgrounds, product thumbnails, pricing displays, and call-to-action buttons, you can create complete shopping experiences without leaving the media. Whether you're showcasing products on an eCommerce store, presenting fashion lookbooks, tech product features, video demonstrations, or interior design walkthroughs, this component delivers an intuitive and visually stunning user experience.

Features

Dual media support with image or video backgrounds for versatile presentations
Fully customizable colors & typography
Interactive hotspots with pulsing beacon animations for visual attention
Adjustable pulse animations with size, intensity, and speed controls
Intelligent card positioning that automatically adapts to available space
Per-hotspot card position override with left, right, top, and bottom options
Customizable hotspot appearance with circle or square shapes
Multiple center icon options including plus, dot, ring, cross, or custom icons

64:T1131,

Details

Intelligent Video is a production-ready video component designed for seamless integration into your Framer websites. Deliver premium playback management with intelligent controls that enhance user experience without getting in the way.

✨ Key Features

Smart Multi-Video Management

Automatic audio sync – When one video plays with sound, others mute automatically to prevent audio overlap
Viewport awareness - toggable option for videos to stop playing when not visible
Intelligent state management – Videos coordinate seamlessly without manual configuration
Toggable "Pause Others on Play" mode - Toggable option to play one video at a time or have all other videos muted but still playing

Auto-Hiding Controls

Controls fade elegantly after 2 seconds during playback, letting viewers focus on content
Instantly reappear on hover (desktop) or tap (mobile) for seamless interaction
Smart visibility logic – Controls always stay visible when paused, only hide during active playback

Silky-Smooth Progress Bar

Fluid 60fps progress tracking for buttery-smooth animation that feels premium
Customizable color to match your brand perfectly
Toggle visibility on/off
Fills smoothly like liquid for a polished, high-end feel

Autoplay with Smart Audio

Browser-friendly autoplay with muted start to comply with browser policies
One click unmutes and notifies other videos to mute, preventing audio chaos
Toggle autoplay on/off per video instance

Flexible Playback Options

Loop control – Enable seamless continuous playback or play once
Viewport-based playback – Videos only play when 50% visible in viewport, saving bandwidth
Object fit options (cover, contain, fill) for perfect video framing
Supports multiple formats: MP4, WebM, MOV, AVI

Professional Polish

Glassmorphism button design with backdrop blur effects
Hover animations with smooth scale transforms
Loading states with animated spinner
Error handling with clear user feedback
Keyboard shortcuts (Space or K to play/pause)
Adjustable border radius (0-100px) to match any design aesthetic

Mobile Optimized

Automatic mobile detection for touch-optimized interactions
Tap video to show controls on mobile devices
Performance-efficient with smooth, lag-free playback
Works flawlessly across all screen sizes

Accessibility First

Keyboard navigation included
Focus states for accessibility compliance
Semantic structure throughout

🎯 Perfect For

Design Agencies – Deliver polished, professional video experiences for clients that work seamlessly across all pages
Freelance Designers – Build stunning portfolio sites with multiple video showcases that coordinate automatically
Brand Designers – Showcase brand stories, case studies, or creative work with intelligent playback control
Product Designers – Create product demo pages with multiple videos that never overlap audio
Web Designers – Design engaging landing pages with video sections that feel premium and intentional
UX/UI Designers – Present portfolio projects with video walkthroughs that stay coordinated
Creative Studios – Display showreels and client work with controls that enhance rather than distract
E-commerce Designers – Build product pages with videos that coordinate playback automatically
Marketing Designers – Create campaign landing pages with multiple videos that feel cohesive

65:T1088,

Tutorial

Tutorial for Infinite ImageScroll

Details

Infinite ImageScroll is the ultimate nested image component for Framer. Create mesmerizing, infinitely nested image sequences that zoom deeper with every scroll. Upload your sequence of images and watch as each one seamlessly reveals the next in a hypnotic, continuous animation. Comes with two scroll modes (Normal & Endless) which lets you add this effect to one section of a page that cycles once and then continues scrolling to the next section of your page or Endless to have the effect take up an entire page. Designed with smooth spring physics, Infinite ImageScroll brings captivating visual storytelling to your website. Perfect for creating unique, memorable user experiences that keep visitors engaged.

🖱️ Pick between two scroll modes (Normal and Endless) to add this effect for one section of a page (Normal) or for an entire page (Endless).

Normal Mode - Scrolls through all images once, then releases scroll control to page
Endless Mode - Loops infinitely through your image sequence for continuous exploration

Features

Scroll-driven animation - Natural wheel/trackpad scrolling controls the zoom depth
Infinite nesting effect - Each image contains and reveals the next one nested inside
Two scroll modes: Normal (one complete cycle) or Endless (infinite looping)
Smooth spring physics - Customizable spring stiffness and damping for fluid motion
Upload multiple images - Support for image sequences of any length
Canvas-based rendering - High-performance animation using HTML5 canvas
Responsive-ready - Images automatically scale and crop to fill the frame
Mobile optimized - Works seamlessly on touch devices

Customizations

Scroll Mode Toggle - Switch between Normal (single cycle) and Endless (infinite loop)
Spring Stiffness - Adjust scroll smoothness (50-300, higher = snappier response)
Spring Damping - Control scroll resistance (10-100, higher = less bounce)
Alt text for images - Accessibility-friendly labeling for each layer

Technical Highlights

Spring-based animation - Powered by Framer Motion for buttery-smooth transitions
Image preloading - All images load before animation begins for seamless playback
Responsive resize handling - Maintains aspect ratio and quality at any viewport size

Great for:

Creative portfolios - Showcase work in an unforgettable way
Photography galleries - Create dream-like sequences of related images
Product launches - Build anticipation with progressive reveals
Storytelling websites - Guide users through visual narratives
Art installations - Digital galleries with mesmerizing depth
Brand experiences - Stand out with unique, interactive presentations
Concept explorations - Present ideas that unfold layer by layer
Architectural visualizations - Show spaces from macro to micro perspectives

66:T1954,

Details

Bring your stories to life with Interactive Video – a stunning, fully customizable component that transforms standard video into an engaging, choice-driven experience that captures leads, drives conversions, and closes deals. Perfect for interactive storytelling, product demos, educational content, customer journeys, lead generation funnels, or any project where viewer engagement and conversion matter most.

With branching video paths, dynamic choice buttons, and seamless transitions, Interactive Video creates immersive experiences that put your audience in control while guiding them toward your goals. Customize every detail — from button styles and animations to timing and visual effects — and let viewers choose their own adventure while you drive action through interactive video. Whether you're creating an interactive brand story, a product selector, a sales pitch, a training module, or a lead-qualifying experience, Interactive Video makes every view uniquely engaging and conversion-focused.

Turn passive viewers into active participants. Use Interactive Video to qualify leads through their choices, showcase different product options based on customer needs, or guide prospects through personalized sales journeys. The unique interactivity creates memorable experiences that set your brand apart, increase time-on-site, and drive higher conversion rates than traditional video.

Features

Branching Video Paths – Create video sequences with custom choice points that let viewers direct their own journey while you guide them toward conversion.
Lead Generation Ready – Choice buttons can link to external URLs, making it perfect for capturing leads, directing to contact forms, or triggering CTAs at key decision points.
Circular Preview Mode – Eye-catching floating circle preview with auto-playing video that expands into full interactive experience on click, grabbing attention instantly.
Completely customizable buttons – Match your brand perfectly - Choose from solid, outline, or glass effects with full color control for buttons and fonts. Preset with smooth animations and customizable styling for maximum click-through rates.
Dynamic Hover Effects – Adjustable scale and speed animations create responsive, premium interactions that encourage engagement.
Smart Video Controls – Hover-activated replay button, play/pause control, and elegant time display with progress tracking for seamless user experience.
Custom Typography – Full control over fonts for button text, and "What's Next" messaging with size, weight, and style options for perfect brand alignment.
Flexible Choice Types – Buttons can trigger new videos or open external links, perfect for calls-to-action, lead forms, booking pages, and conversions.
Automatic Looping – Optional return to start when story paths end, creating seamless continuous experiences that keep viewers engaged.
Positioning Control – Place the circular preview in any corner with customizable size and border radius to fit any layout.
Polished Animations – Framer Motion-powered transitions deliver smooth, professional interactions throughout the experience.
Toggle visibility of “Next” message - Create a “Next” message that shows above the choices you’ve set and toggle the visibility of it.
Link externally hosted videos - Video source options include direct uploads and/or linking external videos hosted elsewhere that end with a video file extension. (Supported formats include .mp4, .webm, .mov or .avi)
Empty State Support – Helpful placeholder guides users through setup when no videos are loaded.

Controls

Videos – Upload multiple videos with unique IDs and define choice branches with custom button text and target videos or links.
Appearance – Adjust circle size, position, border radius, button colors, text colors, exit/control icon colors with full customization.
Typography – Customize fonts for button text, and "What's Next" messaging with complete styling controls including size, weight, and line height.
Button Customization – Set button style (solid/outline/glass), height, border radius, spacing, hover scale effect, and animation speed.
Timing Controls – Configure delay before showing choices, auto-hide timing, and transition speeds for perfect pacing.
Display Options – Toggle visibility of "What's Next" message, and customize all messaging text.
Interaction Options – Control loop behavior, choice appearance timing, and button interaction effects.

Perfect For

Marketing Teams – Generate qualified leads through interactive funnels and personalized video experiences
Businesses & Brands – Drive conversions with interactive product demos, brand storytelling, and customer journey mapping
Sales Teams – Create custom video pitches that adapt to prospect choices and guide them toward booking calls
Agencies – Deliver premium interactive experiences for clients that set you apart from competitors
Freelancers – Showcase your portfolio, explain services interactively, and close clients with personalized pitch videos
E-commerce – Showcase products in an interactive format to drive purchase decisions
Educators & Trainers – Create engaging interactive tutorials and training content
Content Creators – Build choose-your-own-adventure stories and entertainment experiences
Real Estate & Services – Guide prospects through options and capture leads at decision points

67:T1060,

Details

Bring your audio to life with Pro Music Player – a beautifully designed, fully interactive component that combines sleek visuals, powerful controls, and immersive 3D animations. Perfect for portfolios, product showcases, podcasts, music releases, or any project where sound takes center stage.

With built-in playlist management, lyrics display, and interactive 3D artwork, Music Player creates a polished listening experience that feels both modern and intuitive. Customize every detail — from colors and fonts to background styles and playback features — and let your audience enjoy music the way it was meant to be heard. Whether you're showcasing your latest single, curating a playlist for your brand, or embedding an interactive player in your app, Pro Music Player strikes the perfect note.

Features

Interactive 3D Artwork – Album covers respond to mouse movement with parallax tilt, dynamic glare effects, and enhanced shadows for an immersive, tactile experience.
Customizable 3D Effects – Fine-tune tilt intensity, glare brightness, and glare size to match your aesthetic.
Customizable Backgrounds – Choose from gradient, solid color, or album art-based backdrops for a fully branded look.
Full Playback Control – Play, pause, skip, shuffle, repeat (single or all), and adjust playback instantly.
Smart Progress Bar – Sleek, interactive scrubber with time indicators for precise control.
Advanced Volume Control – Toggle mute or adjust volume seamlessly with visual feedback.
Playlist Mode – Expandable playlist view with real-time highlighting and animated playback indicators for the currently playing track.
Lyrics Panel – Display lyrics in a smooth slide-up panel with customizable typography for deeper audience engagement.
Sleek Custom Scrollbars – Smooth, modern scrollbars with semi-transparent styling for playlist and lyrics panels.
Responsive Design – Scales beautifully across desktop and mobile with touch-friendly controls.
Empty State Messaging – Helpful prompts guide users to upload tracks when no audio is loaded.
Polished Animations – Framer Motion-powered transitions deliver a premium, fluid experience throughout.

Controls

Tracks – Upload multiple tracks with custom title, artist, artwork, audio file, and optional lyrics.
Appearance – Adjust primary/secondary colors, accent colors, text colors, icon colors, sub-text colors, and border radius.
Typography – Customize fonts for track title, artist name, and lyrics with full styling controls including size, weight, and line height.
Background Style – Select between gradient, solid, or artwork-driven backdrops.
3D Animation Controls – Adjust artwork tilt intensity (0-45°), glare intensity (0-1), and glare size (10-100%) for perfect customization.
Display Options – Toggle visibility for track info, artist name, progress bar, playlist button, lyrics button, shuffle/repeat controls, volume control, and previous/next navigation.
Lyrics Options – Show or hide lyrics button, customize lyrics font, and define fallback text when lyrics aren't provided.
Playback Options – Configure repeat/shuffle modes and control all player features.

Perfect For

Musicians & Artists
Podcasters & Content Creators
Creative Portfolios
Brand Experiences
Product Showcases
Audio-First Websites

68:T9cf,

Details

Bring your designs to life with Pixel Mouse Trail – an eye-catching, fully interactive cursor effect that transforms ordinary mouse movements into a mesmerizing trail of colorful pixels. Perfect for portfolios, web apps, product demos, or creative projects where motion and interactivity take center stage.

With fully customizable pixel shapes, colors, glow, rotation, fade styles, and animation effects, Pixel Mouse Trail adds playful, retro, or futuristic energy to any interface. Whether you’re aiming for subtle elegance, vibrant chaos, or retro gaming nostalgia, every cursor movement becomes a visual delight. Ideal for designers, developers, and creators who want to impress users with interactive, responsive, and attention-grabbing visuals.

Features

Pixel Structure

Pixel Size (4px – 32px)
Multiple Shapes: Square, Circle, Diamond, Cross
Grid Snap with Custom Spacing
Spawn Rate Control

Color Modes

Single Color
Rainbow Spectrum
Gradient Blending
Random Palette
Dynamic Temperature Colors

Visual Patterns

Solid, Hollow, Striped, & Dotted Fills
Border Styles: Solid, Dotted, Glowing
Customizable Border Width

Animation Effects

4 Fade Styles: Linear, Exponential, Bounce, Pulse
Scale & Rotation Effects
Glow & Bloom Visual Effects
Adjustable Animation Speed

Trail Properties

Fade Duration Control
Maximum Pixel Limits
Cursor Sensitivity Settings
Opacity & Shadow Intensity

Additional Features

Dynamic Pixel Trails following the cursor with responsive motion
Performance-optimized for smooth visuals even with high pixel counts
Static preview mode for Framer to quickly visualize design concepts
Works seamlessly across desktop interfaces for immersive interactivity

Perfect For

Gaming websites & interactive apps
Creative developer portfolios
Tech startup landing pages
Digital art installations

69: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

6a:Te7e,

Details

Bring your designs to life with the interactive “Water Ripple” effect. This component transforms any static image into a dynamic, touch-responsive water surface. It's lightweight, highly customizable, and perfect for adding a memorable touch of magic to your website. Adjust the parameters for glitchy and psychedelic effects for your image.

Perfect for hero sections, background images, product showcases, or any element you want to make truly interactive.

Features

Realistic Water Physics – A dynamic ripple simulation that reacts beautifully to cursor movement, clicks, and taps.
Interactive Hover & Click – Generate ripples by simply hovering over the component or create a bigger splash with a click.
Customizable Ripple Effects – Independently control the size and strength of ripples for both hover and click events.
Create glitchy effects - Create glitchy & psychedelic effects by adjusting the parameters.
Click to Ripple - Option to disable hovering to ripple entirely and click to ripple for a surprise effect.
Adjustable Damping – Fine-tune how quickly ripples fade out, from a quick splash to long-lasting waves.
Optional Hover Trail – A subtle, glowing trail can follow the cursor for added visual flair, which can be toggled on or off.
Use Any Image – Apply the water effect to any image you choose, making it incredibly versatile.
Lightweight & Performant – Optimized for smooth, high-frame-rate animations that don't slow down your site.
Fully Responsive – The effect seamlessly adapts to any component size and shape.

Controls

Image – Upload any image to serve as the water's surface.
Hover Effect – A master switch to enable or disable all hover-related ripples and trails.
Hover Ripple Radius – Control the size of the ripple generated by mouse movement.
Click to Ripple – Toggle the click/tap ripple effect on or off.
Click Ripple Radius & Strength – Customize the size and intensity of the splash on a click or tap.
Damping – Set how quickly ripples fade away using a simple slider.
Frame Rate – Adjust the animation's FPS for performance tuning.
Border Radius – Easily match the component's corner radius to your design.

6b:T763,

Details

Bring your images to life with a captivating halftone particle image effect that reacts to user interaction. This component uses a grid of animated dots to reconstruct your image, dispersing and reforming in response to the cursor for a uniquely tactile visual feel. Perfect for creative portfolios, interactive hero banners, and immersive storytelling sites.

As users move their cursor across the image, dots are repelled within a customizable radius, creating fluid, physics-driven motion that draws attention and invites exploration. Fine-tune spacing, color, and scale to achieve your perfect look, and adjust motion properties for everything from subtle shimmer to dramatic scatter.

Features

Real-time halftone particle animation for engaging interactivity
Fully customizable dot spacing, scale, and color
Adjustable repel radius, force, and return speed for tailored motion
Optimized for smooth performance across modern browsers
Works with any image, no setup required

Controls

Image – Upload or select any image to animate in halftone style.
Dot Spacing – Adjust the distance between each halftone dot.
Dot Scale – Change the size of the halftone dots.
Dot Color – Choose the color of the dots for your image effect.
Repel Radius – Set the area of influence around the cursor.
Repel Force – Control the strength of the particle push effect.
Return Force – Adjust how quickly dots return to their original position.
Max Speed – Limit the maximum movement speed of particles.

6c:Ta6a,

Details

Turn any image into a fun, interactive grid puzzle with this highly customizable component. Offering a variety of controls to tailor the puzzle's difficulty and appearance, it's a perfect way to create a memorable, engaging experience for your users, whether for a "coming soon" page, a mini-game or a unique way to reveal a key image on your site.

Features

Use Any Image – Instantly transform any image from your assets into a fully functional puzzle grid.
Customizable Grid – Easily set the puzzle's difficulty by choosing the number of pieces, from a simple 2x2 grid up to a challenging 12x12.
Interactive Drag & Drop – A smooth and intuitive interface allows users to pick up and move pieces around the canvas.
Satisfying Snap-to-Place – Pieces automatically snap into their correct position when dropped nearby, providing clear and rewarding feedback.
Instant Scatter – Choose to have the pieces automatically scattered across the board on load for an immediate challenge.
Visual Feedback – A subtle hover effect highlights the piece under the cursor, while the currently dragged piece is brought to the front with a customizable border and shadow.
Fully Responsive – The puzzle and its pieces seamlessly adapt to any component size and aspect ratio.

Controls

Image – Upload any image to serve as the puzzle's source.
Grid Size – A slider to control the number of pieces per row/column (e.g., 4 for a 4x4 puzzle).
Scatter on Load – A toggle to randomly scatter the puzzle pieces when the component first loads.
Hover Effect – Enable or disable the highlight that appears on pieces under the cursor.
Snap Distance – A slider to adjust how close a piece must be to its correct spot to snap into place.
Drag & Hover Border Color – A color picker to set the border color of the piece currently being dragged and the color of the pieces when being hovered.
Drag Border Width – A slider to control the thickness of the dragged piece's border.
Border Radius – Easily match the component's corner radius to your design.

6d:Tb6c,

Tutorial

Tutorial for Stories Slideshow

Details

Stories Slideshow is the ultimate media display component for Framer. Drag and drop your galleries of images and videos and showcase your media with an Instagram/Snapchat Stories-like style. Customize the share icon to share links that auto-copy to the clipboard when clicked. Designed with mobile in mind, Stories Slideshow brings effortless trust and interactivity to your website. Customize every part of the component and toggle visibility of every element for a unique, delightful user experience.

Features

Hover to pause, click to progress through slides
Upload images and videos directly
Audio support for videos
Customize story duration by milliseconds (ms)
Customize username, avatar and time elapsed
Customize share icon with link to auto-copy to clipboard
Enable/Disable Heart Animation
Toggle visibility of every element - user info, time elapsed, progress bars, message and every icon
Mobile optimized - Users tap the middle to pause and tap left or right to progress on mobile devices

Customizations

Customize text, font & color username
Customize text, font & color of time elapsed
Customize message and design with the two message modes: Glass & Transparent
Customize link for share icon that copies to clipboard when clicked
Enable/Disable animated user info intro

Custom Transition Animations

Smooth Blend (Default)
Slide
Zoom
3D Flip
No animation (Disables transition animation)

Toggle Visibility (All elements)

Show/Hide Progress Bars
Show/Hide Username
Show/Hide Time Duration
Toggle arrow visibility
Customize border radius
Enable/Disable hovering ability
Show/Hide ellipsis (menu)
Show/Hide customizable message
Show/Hide heart
Show/Hide share icon

Great for:

Creative portfolios
Social media management agencies
Influencer agency websites
eCommerce websites

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-7d10eb1d-731b-48d4-846c-ebb2274ac644-all:/unified/creator/7d10eb1d-731b-48d4-846c-ebb2274ac644/activity/":[{"data":[{"id":"01a09251-f989-75b7-a96f-42a5be244234","type":"template.created","target":{"type":"template","id":"72863","preview":"MYA","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7d10eb1d-731b-48d4-846c-ebb2274ac644/01a0923f-7006-73e4-aad6-9d4beebd6947.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-11T21:14:00.969Z","latestAt":"2026-09-11T21:14:00.969Z"},{"id":"019edbc8-c5b5-73bd-97d3-fcd60d9cc695","type":"post.liked","target":{"type":"post","id":"019eda6b-d4d5-746b-a2e0-ac0ef4112a78","preview":"📹 New Framer Creators episode dropping soon ft. @Danny Sapio","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"video_camera","emoji":"📹"}},{"type":"text","text":" New Framer Creators episode dropping soon ft. "},{"type":"mention","attrs":{"id":"dd30e1c2-8f38-4c44-9c97-cd59f008aaf9","slug":"dannysapio","label":"Danny Sapio","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bae8127c-8492-4ed8-8d03-9253e29f9c63/0u9mhcqi","targetDeleted":false,"owned":false,"actions":{"postId":"019eda6b-d4d5-746b-a2e0-ac0ef4112a78","like":{"count":66,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T17:30:28.658Z","latestAt":"2026-06-18T17:30:28.658Z"},{"id":"019ed763-0497-7522-a810-f81c7bdd4be4","type":"post.liked","target":{"type":"post","id":"019ed59b-91ee-7409-9029-937e16fbcfe5","preview":"The @Framer community is new and that means there is a -massive- opportunity to build a following and become successful. Here are three ways you could promote your work:\n1. Improve the quality and usability of your products and show that (product marketing)\n2. Create new learning material (tutorials, docs, guides) so your products are easier to use (educational marketing)\n3. Showcase how your customers are using your product (influencer marketing)\nThese are just a few that come to mind for me but if you have more ideas feel free to share in the comments.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" community is new and that means there is a -massive- opportunity to build a following and become successful. Here are three ways you could promote your work:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Improve the quality and usability of your products and show that (product marketing)"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Create new learning material (tutorials, docs, guides) so your products are easier to use (educational marketing)"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Showcase how your customers are using your product (influencer marketing)"}]},{"type":"paragraph","content":[{"type":"text","text":"These are just a few that come to mind for me but if you have more ideas feel free to share in the comments."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed59b-91ee-7409-9029-937e16fbcfe5","like":{"count":67,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T21:00:51.218Z","latestAt":"2026-06-17T21:00:51.218Z"},{"id":"019ed6e6-fd2a-7656-b2cd-ee28e25b0fad","type":"post.liked","target":{"type":"post","id":"019ed5e6-4a5a-75e2-a0b0-a9920fe5a007","preview":"Seeing a few questions about why some plugins and components seem to disappear after being published, so here’s a quick explanation:\nWith the new @Framer Community, every product automatically goes through a security audit after it’s published. Think of it as a quick check to catch things like plugins scraping data or components doing things they shouldn’t be doing in the canvas.\nThe audit runs in the background after publishing. If something gets flagged, the moderation team gets notified and the product is temporarily hidden from the Community while it’s reviewed.\nIf that happens, a moderator will reach out via email with details on what needs to be fixed. Once those issues are addressed, the product will become visible again.\nIt’s all part of making the Community a safer place for everyone 💪","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Seeing a few questions about why some plugins and components seem to disappear after being published, so here’s a quick explanation:"}]},{"type":"paragraph","content":[{"type":"text","text":"With the new "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Community, every product automatically goes through a security audit after it’s published. Think of it as a quick check to catch things like plugins scraping data or components doing things they shouldn’t be doing in the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"The audit runs in the background after publishing. If something gets flagged, the moderation team gets notified and the product is temporarily hidden from the Community while it’s reviewed."}]},{"type":"paragraph","content":[{"type":"text","text":"If that happens, a moderator will reach out via email with details on what needs to be fixed. Once those issues are addressed, the product will become visible again."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s all part of making the Community a safer place for everyone "},{"type":"emoji","attrs":{"name":"muscle","emoji":"💪"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed5e6-4a5a-75e2-a0b0-a9920fe5a007","like":{"count":35,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T18:45:22.854Z","latestAt":"2026-06-17T18:45:22.854Z"},{"id":"019ed3bb-ab07-708a-9d9d-f26c76bd9ab2","type":"component.created","target":{"type":"component","id":"7kiC0xHqz561N23s2PTx","preview":"Product Hotspot","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7d10eb1d-731b-48d4-846c-ebb2274ac644/165mm2gq","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T03:59:12.135Z","latestAt":"2026-06-17T03:59:12.135Z"},{"id":"019ed2a9-2411-732a-9ffa-f1de6971db9b","type":"post.liked","target":{"type":"post","id":"019ed215-a5b8-7308-a13a-5c3dc87dbbea","preview":"The suitcase is unlocked! 24 hours. 10 winners, $10K each. Build with Framer Agents and ship what you make for a chance to win 💙","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The suitcase is unlocked!"},{"type":"text","text":" ","marks":[{"type":"bold"}]},{"type":"text","text":"24 hours. 10 winners, $10K each. Build with Framer Agents and ship what you make for a chance to win "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bae8127c-8492-4ed8-8d03-9253e29f9c63/3i862hhu","targetDeleted":false,"owned":false,"actions":{"postId":"019ed215-a5b8-7308-a13a-5c3dc87dbbea","like":{"count":55,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T22:59:20.718Z","latestAt":"2026-06-16T22:59:20.718Z"},{"id":"019ed2a9-10dc-750b-a123-a42a518788a2","type":"post.liked","target":{"type":"post","id":"019ed231-0149-71b8-b3de-316d1c6e7e1d","preview":"To celebrate Framer 3.0, we’re dropping 30% off all items in the Framer Store + free shipping on orders above $50 for the next 24 hours.\nShop all items → https://www.framer.com/store","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"To celebrate Framer 3.0, we’re dropping 30% off all items in the Framer Store + free shipping on orders above $50 for the next 24 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Shop all items → "},{"type":"text","text":"https://www.framer.com/store","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/store","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/Un7wQW7Dfy72svp1mqQpiPTfV9j3nPWCqGEes74jOL8/thumbnail.webp?time=2.267","targetDeleted":false,"owned":false,"actions":{"postId":"019ed231-0149-71b8-b3de-316d1c6e7e1d","like":{"count":115,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T22:59:15.800Z","latestAt":"2026-06-16T22:59:15.800Z"},{"id":"019ed2a8-f68d-7582-aa1d-3826839cf43f","type":"post.liked","target":{"type":"post","id":"019ed250-a739-76f9-9003-9b71d7e3ceac","preview":"Reporting live from the NYC hackathon, people are already building some amazing stuff with Agents 😍","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Reporting live from the NYC hackathon, people are already building some amazing stuff with Agents "},{"type":"emoji","attrs":{"name":"heart_eyes","emoji":"😍"}}]}]},"thumbnail":"https://image.mux.com/raYu7gaVuwRLhvtsxr43o2fALxvuHU4fwnBfJvccJcw/thumbnail.webp?time=2.033","targetDeleted":false,"owned":false,"actions":{"postId":"019ed250-a739-76f9-9003-9b71d7e3ceac","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T22:59:09.064Z","latestAt":"2026-06-16T22:59:09.064Z"},{"id":"019ed26c-b89c-730e-848c-66729a82b245","type":"creator.followed","target":{"type":"creator","id":"37b5379e-8528-4d58-b64d-2992f7419ca4","preview":"Benjamin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29147/2023-WBSnEDajvDyYkxy4c7fORpAbblGpHu.png","slug":"benjamin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:53:21.049Z","latestAt":"2026-06-16T21:53:21.049Z"},{"id":"019ed26c-ab07-7332-bc6f-3e8cce6c7be1","type":"creator.followed","target":{"type":"creator","id":"0cf4af4d-f636-4da9-b804-9f738baf7c2a","preview":"Monika","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/35550/avatar-JjDdxR7ifaF5ZFNWlqOtrnSmKM2jDR.jpg","slug":"monika-michalczyk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:53:17.572Z","latestAt":"2026-06-16T21:53:17.572Z"},{"id":"019ed26c-8b7f-751e-9f53-1b60e36ecb9b","type":"creator.followed","target":{"type":"creator","id":"bae8127c-8492-4ed8-8d03-9253e29f9c63","preview":"Emili","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29820/avatar.jpg","slug":"emili","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:53:09.500Z","latestAt":"2026-06-16T21:53:09.500Z"},{"id":"019ed26c-65ae-776b-b961-eba9571f9080","type":"creator.followed","target":{"type":"creator","id":"6c7f4c94-b4ca-488a-a2e0-d504c4ca551d","preview":"Jurre","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29137/avatar.jpg","slug":"jurre","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:52:59.819Z","latestAt":"2026-06-16T21:52:59.819Z"},{"id":"019ed26c-5642-73bc-8a56-f25d51c5a45a","type":"creator.followed","target":{"type":"creator","id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","preview":"Andreu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33115/avatar-rwc2c6NcpQwKWKwqVAW5N3CuvNFV8s.jpg","slug":"andreu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:52:55.870Z","latestAt":"2026-06-16T21:52:55.870Z"},{"id":"019ed26c-4b22-761a-a64f-c18aa5f174fb","type":"creator.followed","target":{"type":"creator","id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","preview":"Jorn van Dijk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29589/cqFVF7952-l2jqnGwomkIsBoDtYdLMJIesrijJId","slug":"jornvandijk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:52:53.022Z","latestAt":"2026-06-16T21:52:53.022Z"},{"id":"019ed26c-43e5-717d-ada8-19e5abfb43e6","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","slug":"netbloom","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:52:51.170Z","latestAt":"2026-06-16T21:52:51.170Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7d10eb1d-731b-48d4-846c-ebb2274ac644:/unified/posts/?creator=7d10eb1d-731b-48d4-846c-ebb2274ac644&with=reposts":[{"data":[{"id":"01a09251-f743-72b0-9544-62aeace5c4a0","title":null,"body":"

Meet MYA - the free, sleek, modern Framer portfolio made for brand designers, graphic designers and photographers to beautifully showcase visual work.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet MYA - the free, sleek, modern Framer portfolio made for brand designers, graphic designers and photographers to beautifully showcase visual work."}]}]},"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72863","resolved":true,"title":"MYA","body":"$62","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Meet MYA - Free Brand Designer Portfolio Template"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A clean, flexible Framer template for brand designers, graphic designers, and photographers.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Showcase Your Work Beautifully"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Meet Mya, a Framer portfolio template that gets out of your way and lets your projects shine. Built for visual creatives who want a professional online presence without the complexity."}]},{"type":"customHeading","content":[{"type":"text","text":"What You Get"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unique grid layout and animation","marks":[{"type":"bold"}]},{"type":"text","text":" for stand-out portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth interactions","marks":[{"type":"bold"}]},{"type":"text","text":" that feel polished, not overdone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible grid layouts","marks":[{"type":"bold"}]},{"type":"text","text":" that adapt to any project type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean typography","marks":[{"type":"bold"}]},{"type":"text","text":" and spacious layouts "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive","marks":[{"type":"bold"}]},{"type":"text","text":" across all devices"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why Mya Works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Simple to set up. Easy to maintain. Professional results."}]},{"type":"paragraph","content":[{"type":"text","text":"Mya gives you the structure you need with the flexibility you want. Add projects, update content, and beautifully showcase your portfolio with a minimal design. Your portfolio stays current because updating it is actually effortless."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Brand designers, graphic designers, photographers, and creative professionals who need a portfolio that works as hard as they do."}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it for free and launch your portfolio.","marks":[{"type":"bold"}]}]}]},"introduction":"Free Portfolio Website Template","slug":"mya","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7d10eb1d-731b-48d4-846c-ebb2274ac644/01a0923f-7006-73e4-aad6-9d4beebd6947.png","metadata":{"tint":{"h":200,"s":76,"l":31},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7d10eb1d-731b-48d4-846c-ebb2274ac644/01a0923f-8cb1-73e9-852c-fcc796058581.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7d10eb1d-731b-48d4-846c-ebb2274ac644/01a0923f-9adf-777a-9a84-9218017c8eb2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-11T21:13:59.772Z","updatedAt":"2026-09-11T21:13:59.772Z","publishedAt":"2026-09-11T21:13:59.768Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/kCd9u05","remixUrl":"https://framer.link/kCd9u05","previewUrl":"https://mya-template.framer.website/","categories":[{"id":17,"name":"Photography","slug":"photography"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":267,"name":"Artists","slug":"artists"},{"id":268,"name":"Designers","slug":"designers"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"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-11T21:14:00.387Z","updatedAt":"2026-09-11T21:14:00.387Z"},{"id":"019ed3bb-aad0-72ee-bf68-153717ec15ad","title":null,"body":"

Transform any image or video into an interactive showcase with clickable hotspots using Product Hotspot. 🎯

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform any image or video into an interactive showcase with clickable hotspots using Product Hotspot. "},{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}}]}]},"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7kiC0xHqz561N23s2PTx","resolved":true,"title":"Product Hotspot","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Product Hotspot"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Transform any image or video into an interactive showcase with clickable hotspots revealing product details, pricing, and purchase options: perfect for e-commerce and product tours."}]},{"type":"customHeading","content":[{"type":"text","text":"Details"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Create engaging product experiences with the interactive hotspot component. Transform static images or dynamic videos into interactive showcases where viewers can click or hover over specific areas to reveal detailed product information, pricing, and purchase options. Each hotspot pulses with customizable animations to draw attention and guide user interaction through a smooth, professional experience."}]},{"type":"paragraph","content":[{"type":"text","text":"The component intelligently positions information cards near hotspots while automatically avoiding screen edges and overlaps, ensuring information is always readable and accessible. Each hotspot can also override the automatic placement with a manually set position - left, right, top, or bottom - giving you full control over the layout. With built-in support for both image and video backgrounds, product thumbnails, pricing displays, and call-to-action buttons, you can create complete shopping experiences without leaving the media. Whether you're showcasing products on an eCommerce store, presenting fashion lookbooks, tech product features, video demonstrations, or interior design walkthroughs, this component delivers an intuitive and visually stunning user experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual media support","marks":[{"type":"bold"}]},{"type":"text","text":" with image or video backgrounds for versatile presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable colors & typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hotspots with pulsing beacon animations for visual attention"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable pulse animations with size, intensity, and speed controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intelligent card positioning that automatically adapts to available space"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-hotspot card position override with left, right, top, and bottom options"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable hotspot appearance with circle or square shapes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple center icon options including plus, dot, ring, cross, or custom icons"}]}]}]},{"type":"paragraph"}]},"introduction":"Interactive Shoppable Products","slug":"product-hotspot","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7d10eb1d-731b-48d4-846c-ebb2274ac644/165mm2gq","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T03:59:12.042Z","updatedAt":"2026-06-24T19:14:54.871Z","publishedAt":"2026-06-17T03:59:12.037Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://loyal-elements-405229.framer.app/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_3VVDDJQyJimcB3vqaX7CK2tVfrngdVbD2E2PK3EGJK1","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"NY42tdOnz13QjaS0xFFP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T03:59:12.080Z","updatedAt":"2026-06-17T03:59:12.080Z"},{"id":"019bcbed-0909-779a-9b09-dede07a4b46d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"oPvXKQ8CYEuihmmdxAut","resolved":true,"title":"Intelligent Video","body":"$64","bodyJson":null,"introduction":"Context-aware, auto-muting video player","slug":"intelligent-video","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TgyShdG2XPD1qPKbyL6v/intelligent-video-LxLu2Te3DGkcFzGBQ9kfOTXmxcTrJM","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-24T22:28:55.388Z","updatedAt":"2026-03-18T04:53:50.779Z","publishedAt":"2026-01-17T12:27:47.849Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intelligentvideo.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_eI8jhopBzp6Q7VoTHf4o1rDvhOLyv7giptPVu4VrZEw","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"Ys9Sv0YVCDo5H5loENSp","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-01-17T12:27:47.849Z","updatedAt":"2026-01-17T12:27:47.849Z"},{"id":"019b2daf-9667-7344-9b95-6faddcb327bf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bDs8WS4U1T8J33w4Z1Eh","resolved":true,"title":"Infinite ImageScroll","body":"$65","bodyJson":null,"introduction":"Mesmerizing, endless image scroll effect","slug":"infinite-imagescroll","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bDs8WS4U1T8J33w4Z1Eh/infinite-imagescroll-JfU1mZVNYxJdyL7ifWKJickKUFwSpB","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-09T08:56:11.410Z","updatedAt":"2026-03-18T04:54:36.870Z","publishedAt":"2025-12-17T19:00:40.679Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://infiniteimagescroll.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_uUTcm0bVKsl4IGd1smITJQRWWXDMKnfg1zxd93F7gZm","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"9gupNDI3FuxM7cJR0BxS","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":"2025-12-17T19:00:40.679Z","updatedAt":"2025-12-17T19:00:40.679Z"},{"id":"019a5f1f-df72-70cd-a947-06900cf734fb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qNyelbsXRaT4dV7tzDNq","resolved":true,"title":"Interactive Video","body":"$66","bodyJson":null,"introduction":"Turn videos into interactive experiences","slug":"interactive-video","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qNyelbsXRaT4dV7tzDNq/interactive-video-XkUPYlVJIjOk4ylgb8P8V4ktKzr0VJ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-26T00:29:26.983Z","updatedAt":"2026-03-18T04:53:07.091Z","publishedAt":"2025-11-07T16:21:55.698Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactivevideo.framer.website/","price":"25","paymentUrl":"https://buy.polar.sh/polar_cl_4EvNMi67W1U0WOcElpfUKyewa4id14UUWI1i93MUBF7?utm_source=framer&utm_medium=marketplace&utm_campaign=interactivevideo","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"DYsRBELx3CMR5Hk9M74s","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":"2025-11-07T16:21:55.698Z","updatedAt":"2025-11-07T16:21:55.698Z"},{"id":"0199cd6e-eb37-7aad-869d-3e5e6f5adb75","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fNFlcZdFiCXBn1Q4Obeh","resolved":true,"title":"Pro Music Player","body":"$67","bodyJson":null,"introduction":"Premium customizable music player","slug":"pro-music-player","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fNFlcZdFiCXBn1Q4Obeh/pro-music-player-K5HpaeYQAW1F193A2cx2xe48Te3hqI","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-29T14:03:03.642Z","updatedAt":"2026-03-18T04:44:06.641Z","publishedAt":"2025-10-10T09:23:42.519Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://musicplayer-component.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_R7EmdbyHgW4Yn4x2KDJPQFOqLLVVrKIiigTzM4MyW01?utm_source=framer&utm_medium=marketplace&utm_campaign=promusicplayer","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"VYlK0XlA3jKOeoNZqESr","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":"2025-10-10T09:23:42.519Z","updatedAt":"2025-10-10T09:23:42.519Z"},{"id":"01998723-b75f-7904-877d-fc469de4238c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2CPzf65cn4kYk2CFx4r2","resolved":true,"title":"Pixel Mouse Trail","body":"$68","bodyJson":null,"introduction":"","slug":"pixel-mouse-trail","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/2CPzf65cn4kYk2CFx4r2/pixel-mouse-trail-BiZJSIkoKUos2JXwW353U2ETMr3MnM","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-29T14:51:28.925Z","updatedAt":"2025-12-01T06:49:28.884Z","publishedAt":"2025-09-26T17:48:08.927Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pixelmousetrail.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_LCsTT2dbIswOYW01bL27MjKQGYVsElReFMlYi1MTXjg?utm_source=framer&utm_medium=marketplace&utm_campaign=pixelmouse","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"Z7fjA8o4YHnwvqFAqDCn","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":"2025-09-26T17:48:08.927Z","updatedAt":"2025-09-26T17:48:08.927Z"},{"id":"019935fb-2ddc-7ec4-9df9-568ea006dd9f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dwJN98y2tMhDIScRjK1W","resolved":true,"title":"3D Flip Image Reveal","body":"$69","bodyJson":null,"introduction":"Reveal images with mesmerizing 3D effect","slug":"3d-flip-image-reveal","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/YoGZN0b4mpt5ghN511rq/tileflip-imagereveal-V59lDsFGbzKlOGod4QpqUKRemFRAdN","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-01T08:09:08.292Z","updatedAt":"2026-03-18T04:39:10.756Z","publishedAt":"2025-09-10T23:34:37.788Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dflipimagereveal.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_om6UhxTAcfrUxdkG6TytIZDx4QOoDujJmkMqc48j2HF?utm_source=framer&utm_medium=marketplace&utm_campaign=3dflip","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"ou95JOEKSieqOLy6DBk7","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":"2025-09-10T23:34:37.788Z","updatedAt":"2025-09-10T23:34:37.788Z"},{"id":"0198bcfa-5692-7cda-ad15-75d66693d7a8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"QYrqLOzvCI2b2Byp1asX","resolved":true,"title":"Water Ripple Effect","body":"$6a","bodyJson":null,"introduction":"","slug":"water-ripple","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/QYrqLOzvCI2b2Byp1asX/water-ripple-UGRGdA9b3b8JgwOxhX7ziFrs9qbKPx","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-08T19:00:22.672Z","updatedAt":"2025-08-12T21:23:04.267Z","publishedAt":"2025-08-18T11:39:39.538Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/WaterRipple-UPg9.js@BLuGtvo3jq9WcesJlNvM","previewUrl":"https://waterripple-component.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"BLuGtvo3jq9WcesJlNvM","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":"2025-08-18T11:39:39.538Z","updatedAt":"2025-08-18T11:39:39.538Z"},{"id":"0198af76-eb2f-7880-9ca7-7ef1071105f5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8KM0Ug1qRXCZ8L5DyP6m","resolved":true,"title":"Halftone Image Hover","body":"$6b","bodyJson":null,"introduction":"Turn images to interactive halftone art","slug":"halftone-image-hover","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8KM0Ug1qRXCZ8L5DyP6m/halftone-image-hover-pC1CD7ECjoHLXIb7p36WAyMb9vFJfA","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-10T05:12:19.863Z","updatedAt":"2026-03-18T04:36:22.733Z","publishedAt":"2025-08-15T20:41:03.023Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://halftone.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_WOS7Fzh1XsWngT8dNSF4BEjV7YTAYXfnE5cHC3E8dq2?utm_source=framer&utm_medium=marketplace&utm_campaign=halftone","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Laz9No11EKSHYORLN314","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":"2025-08-15T20:41:03.023Z","updatedAt":"2025-08-15T20:41:03.023Z"},{"id":"0198a585-3ce3-7601-b2ec-1830a35b2cd0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"R7PqWeF39kKRhHi8gzri","resolved":true,"title":"Image to Puzzle Grid","body":"$6c","bodyJson":null,"introduction":"Turn images into playable puzzles","slug":"puzzle-grid","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/R7PqWeF39kKRhHi8gzri/puzzle-grid-R0PCIFe6HCEEuTssjBOcY0RqnY3ATd","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-08T23:40:43.045Z","updatedAt":"2026-03-18T04:35:25.136Z","publishedAt":"2025-08-13T22:20:29.283Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://puzzlegrid.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_joIBptQaX31sLV8AQHlAQuhIBdtD2dDSK5iAU0JgbJf?utm_source=framer&utm_medium=marketplace&utm_campaign=puzzle","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"LRcYDqJ74SEeqtVSp8C4","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":"2025-08-13T22:20:29.283Z","updatedAt":"2025-08-13T22:20:29.283Z"},{"id":"01989e96-8020-7648-8e7d-b07f42dc0345","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OjNrok07cv7DWazytvRA","resolved":true,"title":"Stories Slideshow","body":"$6d","bodyJson":null,"introduction":"Showcase images and videos as stories","slug":"stories","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OjNrok07cv7DWazytvRA/stories-DcR3mXHSxBgMHhGUJZO06FOnOZlQTX","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-06T10:36:33.058Z","updatedAt":"2026-03-18T04:32:44.103Z","publishedAt":"2025-08-12T14:02:00.096Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stories-component.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_31Jo98ct0zoMrxvSZWQB5Nje0mOM5pelU69Gh2ijyQg?utm_source=framer&utm_medium=marketplace&utm_campaign=stories","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"5ljP9c5e4kkeNePGb777","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":"2025-08-12T14:02:00.096Z","updatedAt":"2025-08-12T14:02:00.096Z"},{"id":"01987526-52b6-7b7c-ba66-3b3130cf68bd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Lx1fyQezLPi9TfqyBf2Z","resolved":true,"title":"Typewriter","body":"

Details

Typewriter adds dynamic typing animations to your website. Completely customizable from design to animation and easy controls to adjust the speed and duration of your text animation. Customize copy, fonts, size and color for your desired look and bring this lively animation to your design.

Features

Entirely customizable - customize the font, size and color for your design.
Animation controls - Adjust the speed of your dynamic text animation. Control the typing speed, backspacing speed and pause duration in between changing words.
Enable or disable loop after words cycle.
Customize the color and look of the blinking cursor. (a.k.a “caret”)
Toggle cursor visibility.

","bodyJson":null,"introduction":"","slug":"typewriter","author":{"framerUserId":"7d10eb1d-731b-48d4-846c-ebb2274ac644","name":"Netbloom","slug":"netbloom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31476/p9WbJQQvm-0BJOmC9RzfkIULrudhkRCdg0HslxiM","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Lx1fyQezLPi9TfqyBf2Z/typewriter-lw3vmoucDzOTHPIYeKgzwNX699wiRV","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-04T11:13:53.441Z","updatedAt":"2025-12-01T06:46:57.014Z","publishedAt":"2025-08-04T12:55:02.582Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://typewriter-component.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_L1M0ZurpOiqnhqEHHRLCRjzQEEEwjdFRHF9FX1iQ4RJ?utm_source=framer&utm_medium=marketplace&utm_campaign=typewriter","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"btA1drOqNXCSmwr0x7lO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-04T12:55:02.582Z","updatedAt":"2025-08-04T12:55:02.582Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6e"}]