5c: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"] 5d:T695,

Pricing Plan Finder helps visitors choose the right plan through a simple, interactive quiz that recommends the best option based on user responses. Ideal for SaaS founders, agencies, and service businesses looking to reduce decision friction and improve conversions.

Features

Interactive Recommendation Engine: Automatically guides users to the best plan using answer-based scoring logic.

Smart Slider Logic: Map value ranges (team size, usage, budget) directly to plan recommendations without coding.

Weighted Scoring System: Assign different weights to answers for more accurate and flexible recommendations.

Fully Customizable Design: Adjust colors, fonts, layouts, and border radius directly from the Framer sidebar.

Progress & Motion UX: Built-in progress tracking with smooth animations to keep users engaged.

Actionable Results Screen: Clear recommendation output with direct “Choose Plan” links to drive conversions.

Responsive by Default: Mobile-friendly layout built with Framer Motion for smooth interactions.

5e:T914,

SaaS ROI Calculator

SaaS ROI Calculator is a high-performance, interactive tool designed to convert visitors into customers by quantifying value. It features real-time calculations, spring-animated interactions, and a clean, responsive visualization that makes the case for your product undeniable.

Features

Live Value Logic: Instantly calculates and projects annual savings based on user inputs, showing the true cost of inaction vs. your solution.

Smart Responsive Layout: A container-query-aware design that seamlessly shifts from a side-by-side dashboard to a stacked mobile view for perfect usability on any screen.

Fluid Slider Controls: Custom-built input sliders with spring physics that make adjusting values feel tactile, responsive, and engaging.

Visual Data Comparison: A built-in bar chart dynamically scales to contrast the "Cost of Inaction" against your product's cost, visually proving ROI.

Intelligent Formatting: Large numbers automatically adapt to compact notation (e.g., $1.2M) while a precision tooltip reveals the exact figures on hover.

Deep Customization: Complete control over brand colors, text labels, default logic parameters, and currency symbols to match any localized market.

Ideal For

SaaS Pricing Pages: Help potential customers justify the investment by calculating their specific return on investment right next to your plans.

B2B Sales Assets: Empower sales teams or landing pages with a tool that creates a personalized business case for every visitor.

Product Demo Sections: Turn abstract efficiency claims into concrete dollar amounts that stakeholders can understand immediately.

Agency Service Calculators: Demonstrate the cost-saving benefit of hiring your agency versus staying with the status quo.

5f:T784,

Continuum Timeline is a premium, scroll-synced timeline component designed to tell your story with elegance. It features smooth animations, a progressive connector line, and a highly customizable design, making it perfect for roadmaps, histories, or process steps without compromising on aesthetics.

Features

Scroll-Synced Progress: A dynamic connector line that draws itself and visually tracks progress as users scroll through the timeline.

Responsive Intelligence: Automatically adapts to a vertical layout on mobile devices for an optimal reading experience anytime.

Staggered Entry Animations: Elements cascade in with smooth, organic spring animations, adding life and motion to your page.

Rich Content Cards: Beautifully structured cards with support for high-quality images, tags, custom typography, and modern transparency effects.

Advanced Typography Control: Features a native font picker to match the timeline's typography perfectly with your brand's font system.

Deep Customization: Full control over colors, card backgrounds, spacing, padding, and image aspect ratios.

Ideal For

Company History: Showcase key milestones, founding dates, and achievements in a compelling narrative flow.

Product Roadmaps: Display future plans, features, and past releases in a clear, linear format.

Process Steps: Guide users visually through a multi-step workflow or "How it Works" section.

Design Portfolios: Highlight career progression, education, or project timelines in a professional layout.

60:T7a9,

OrgFlow Pro makes it effortless to visualize and manage complex team structures directly on your Framer site. Whether you’re showcasing a growing startup or a large-scale corporate hierarchy, it provides a premium, interactive experience that adapts to any screen size.

Features

Responsive Intelligent Layout: Automatically transitions between a spacious horizontal flow for desktop and a sleek vertical "spine" layout for mobile.
Interactive Ancestry Highlighting: Instantly trace reporting lines with smart highlighting that illuminates the path from any selected member back to the root.
Dynamic Expand/Collapse: Keep designs clean by allowing users to toggle departments or teams, making even the largest org charts easy to navigate.
Premium Member Cards: Beautifully designed cards featuring avatars, roles, departments, and custom status indicators that feel native to high-end designs.
Light & Dark Mode Support: Seamlessly adapts to your site's theme with meticulously crafted color palettes for both light and dark aesthetics.
Scale & Navigation: Smoothly explore dense charts with built-in scaling and fluid movement, ensuring clarity at every level.

Ideal For

Company About Pages: Introduce your leadership and team structure with a professional, interactive touch.
Project Documentation: Use it to map out stakeholder relationships or project resource hierarchies.
Hiring & Career Pages: Visualize team growth and open departments for prospective candidates.

Perfect for founders and designers who want to present team structures with clarity, elegance, and enterprise-level polish.

61:Tb8b,

Visionary Video Hero Slider brings cinematic storytelling to your Framer site with an immersive, tag-based hero slider designed for portfolios, product showcases, and media-rich landing pages. It seamlessly blends video and image content with interactive overlays and smooth navigation.

Features

Multi-Media Support: Mix videos and images in a single slider with support for both URL and file uploads.

Tag-Based Organization: Group slides by custom tags for category-specific navigation with automatic filtering.

Smart Progress Bar: Automatically calculates and displays real-time progress based on actual video durations and tag groups.

Interactive Overlays: Add time-based text overlays with tooltips and clickable links that appear during specific moments of video playback.

Motion Sensitivity: Mouse-tracking panorama on desktop and gyroscope-based parallax on mobile for depth and immersion.

Intelligent Gallery View: Grid-based thumbnail gallery with hover-to-play previews and active slide highlighting.

Mobile-First Responsiveness: Fully optimized touch interactions, mobile UI adjustments, and responsive layouts across all screen sizes.

Advanced Video Controls: Play/pause, mute/unmute, and automatic progression with smooth transitions between slides.

Customizable Styling: Full control over colors (tint, text, gallery background, progress bar), fonts, and visual effects (zoom, panorama strength).

Auto-Play Logic: Smart autoplay that respects user interactions, pauses on overlay hover, and handles gallery navigation seamlessly.

Flexible Dimensions: Configure width and height with support for px, %, vh, and vw units.

Ideal For

Creative Portfolios: Showcase video reels, project walkthroughs, and visual case studies with interactive hotspots.

Product Launches: Present product features with timed overlays that highlight key selling points during video demos.

Media & Entertainment: Display trailers, showreels, or event highlights organized by category tags.

Brand Storytelling: Create immersive brand experiences with parallax effects and cinematic transitions.

Agency Websites: Demonstrate client work across different industries using tag-based navigation.

Perfect for designers and agencies who want to create stunning, interactive hero sections that capture attention and guide visitors through rich visual narratives.

62:T8f6,

PDF Viewer Pro makes it easy to showcase long or detailed documents on your Framer site. It works well for portfolios, case studies, documentation, or any PDF content that needs a professional viewing experience without losing clarity.

Features

High-Performance Rendering: Built with PDF.js and virtualization to handle large documents smoothly.
Smart Zoom Controls: Includes "Fit Width", "Fit Height", and manual zoom options for the perfect reading experience.
Pinch and Zoom Support: Works smoothly on mobile for intuitive zooming.
Pan and Drag Navigation: Move around any zoomed-in page by dragging.
Responsive Design: Fully optimized for all screen sizes, including mobile.
Collapsible Thumbnails: A sleek sidebar for quick navigation through pages.
Light & Dark Modes: Fully customizable themes to match your site's aesthetic.
Pan & Grab Navigation: Easily move around zoomed-in documents with a dedicated pan tool.
Flexible Source Options: Load PDFs via URL or upload directly (subject to Framer's 50MB upload limit on free plans).
Customizable UI: Adjust selection colors, toggle page borders, and set default views directly from Framer.
Download Support: Allow users to download the original PDF with a configurable download button that can be enabled or disabled from Framer.

Ideal For

Design Portfolios: Showcase resumes, brand guidelines, and case studies.
Documentation: Display technical manuals, whitepapers, or reports.
E-books & Magazines: Present multi-page content in a clean, readable format.

Perfect for designers who want to present detailed work in a clean, controlled, and readable way.

59:["$","$L5c",null,{"value":{"fallback":{"$inf$activity-creator-2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd-all:/unified/creator/2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd:/unified/posts/?creator=2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd&with=reposts":[{"data":[{"id":"019c70bb-4248-7963-a0b0-0d283f571bf8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UTkDUnCXOUSz3jxSwSsz","resolved":true,"title":"Pricing Plan Finder","body":"$5d","bodyJson":null,"introduction":"Interactive Pricing Plan Finder","slug":"pricing-plan-finder","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UTkDUnCXOUSz3jxSwSsz/pricing-plan-finder-jjdXjTwjW27s7la4Mlr1V1HqiMUlCP","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-14T11:17:38.288Z","updatedAt":"2026-02-18T12:31:35.399Z","publishedAt":"2026-02-18T12:30:46.344Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pricing-plan-finder.framer.website/","price":"29","paymentUrl":"https://dodo.pe/pricing-plan-finder","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"g87IRZ8PVV5O6ij8XrAa","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-02-18T12:30:46.344Z","updatedAt":"2026-02-18T12:30:46.344Z"},{"id":"019c30bd-8295-7801-b732-c2a5d59396d9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FY5IOx60JEqBlMaMTpse","resolved":true,"title":"SaaS ROI Calculator","body":"$5e","bodyJson":null,"introduction":"Interactive high-conversion calculator","slug":"saas-roi-calculator","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FY5IOx60JEqBlMaMTpse/saas-roi-calculator-pSNPPt2sRlgkhGVOsrofl9Y1zBWyrG","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-25T04:15:32.425Z","updatedAt":"2026-02-05T17:13:00.519Z","publishedAt":"2026-02-06T02:17:32.053Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://saas-roi-calculator.framer.website","price":"29","paymentUrl":"https://dodo.pe/saas-roi-calculator","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"AMK8cCtIf71nCiADfWQk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-06T02:17:32.053Z","updatedAt":"2026-02-06T02:17:32.053Z"},{"id":"019bc2d2-cafe-7d97-892b-fddf67af11c5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0V3JnsuDoTGwB5skLtMz","resolved":true,"title":"Continuum Timeline","body":"$5f","bodyJson":null,"introduction":"Elegant scroll-synced timeline","slug":"continuum-timeline","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0V3JnsuDoTGwB5skLtMz/continuum-timeline-GE54elAQw1EmIXhD6Mj9By1wVkrqlJ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-25T17:14:47.039Z","updatedAt":"2026-01-15T18:01:42.419Z","publishedAt":"2026-01-15T18:02:33.086Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://continuum-timeline.framer.website/","price":"12","paymentUrl":"https://dodo.pe/continuum-timeline","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7LcDXlCJjiyIsN0fbG5j","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-01-15T18:02:33.086Z","updatedAt":"2026-01-15T18:02:33.086Z"},{"id":"019bbdcc-697c-76c5-9cfc-30eb7372d298","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uG7eV9tzRBod8WI6qkfP","resolved":true,"title":"OrgFlow Pro","body":"$60","bodyJson":null,"introduction":"","slug":"orgflow-pro","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/uG7eV9tzRBod8WI6qkfP/orgflow-pro-Y3CmeJ2kQ3gUjW0ASPazmRZNE18kPw","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-01T12:31:29.695Z","updatedAt":"2026-01-14T18:35:37.216Z","publishedAt":"2026-01-14T18:37:28.828Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://org-flow-pro.framer.website/","price":"15","paymentUrl":"https://dodo.pe/org-flow-pro","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"TZCtL6LssT9c3z8RaI6V","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-14T18:37:28.828Z","updatedAt":"2026-01-14T18:37:28.828Z"},{"id":"019b4571-be26-7537-b8b8-edb133a4bf96","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"l8Nipo7z14wgmYcxwEsf","resolved":true,"title":"Visionary Video Hero","body":"$61","bodyJson":null,"introduction":"","slug":"visionary-video-hero","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/l8Nipo7z14wgmYcxwEsf/visionary-video-hero-suVYjLOT8e9S6yPCvv1Sr0tJyr8Uta","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-04T16:59:36.050Z","updatedAt":"2026-01-04T16:39:24.749Z","publishedAt":"2025-12-22T09:44:00.806Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://visionary-video-hero-slider.framer.website/","price":"25","paymentUrl":"https://dodo.pe/visionary-video-hero-slider","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"5q22nPkBURuN0LYXs5xD","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-12-22T09:44:00.806Z","updatedAt":"2025-12-22T09:44:00.806Z"},{"id":"019aedf1-6089-7394-8bb5-9d57e294fd65","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Erbmaovbd0DeSmgm0Cf6","resolved":true,"title":"PDF Viewer Pro","body":"$62","bodyJson":null,"introduction":"Embed & view PDFs with zoom & navigation","slug":"pdf-viewer-pro","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Erbmaovbd0DeSmgm0Cf6/pdf-viewer-pro-wvldjNjRH8fg4fHczssxluTbO1yd7b","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-23T17:33:37.354Z","updatedAt":"2026-05-06T17:51:25.910Z","publishedAt":"2025-12-05T09:56:50.441Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pdf-viewer-pro.framer.website/","price":"39","paymentUrl":"https://dodo.pe/pdf-viwer-pro","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"IbfQAB50DUTGQPxfZIJK","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":"2025-12-05T09:56:50.441Z","updatedAt":"2025-12-05T09:56:50.441Z"},{"id":"019aa79a-fdc7-7539-933c-aa1ee532243a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"itopPF0FjNjCtu89vwhU","resolved":true,"title":"Long Image Viewer","body":"

Long Image Viewer makes it easy to showcase long or detailed visuals on your Framer site. It works well for mobile app screens, UI flows, web layouts, or any graphic that needs zooming without losing clarity.

Features

Two-step zoom similar to Behance: preview, then full-size scroll
Dark overlay mode for focused viewing
ESC key and close button support
Adjustable crop alignment (top, center, bottom)
Multiple image fit options: fill, cover, contain, none, scale down
Body scroll lock to keep users centered on the content

Ideal for

UI/UX portfolios
Design case studies
Long infographics or concept art

Perfect for designers who want to present detailed work in a clean, controlled, and readable way.

","bodyJson":null,"introduction":"","slug":"long-image-viewer","author":{"framerUserId":"2a61ceab-49bf-4bd3-8d40-9ee3ff0bb6cd","name":"Puskal Kafle","slug":"puskal-kafle","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1400577/avatar-CSpDuCyOVv3EdePVoeQvI4ZAy0dJ5S.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/itopPF0FjNjCtu89vwhU/long-image-viewer-pYvHmJYMnNH2AIDu1gU70SuiVspiC6","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-19T18:38:58.347Z","updatedAt":"2026-01-05T16:45:39.065Z","publishedAt":"2025-11-21T18:09:03.943Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://longimageviewer.framer.website/","price":"5","paymentUrl":"https://dodo.pe/long-image-viewer","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"GYYie4Cyr6bFa1xQWO1L","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-21T18:09:03.943Z","updatedAt":"2025-11-21T18:09:03.943Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]