62: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"] 63:T9e8,

Elevate your brand's first impression with a highly customizable, theme-driven loading screen for Framer. Features a smooth 0–100% animated counter, glassmorphism presets, brand logo integration, and fluid fade transitions.3. Key Features Breakdown

Key Features Breakdown (Bullet Points)

⚡ Core Loading Engine & Transitions:
- Synced Percentage Counter: Smooth 0% to 100% animated percentage counter synced directly with optional progress bar fills.
- Adjustable Duration: Configurable loading speeds ranging from 1 to 10 seconds.
- Fluid Entry/Exit Motion: Features automated fade-out transitions upon completion paired with fade-in and subtle scale-up effects for your main content.
🎨 4 Pre-Built Theme System:
- Built-in Presets: Instantly switch between Light, Dark, Glass (glassmorphism with semi-transparent elements & backdrop blur), and Custom.
- Complete Color Customization: Fully tailorable background colors, text colors, and progress bar fill/track colors.
- Granular Typography Control: Separate font selectors for the percentage counter, loading subtitle text, and main content copy.
🖼 Branding & Visual Elements:
- Brand Logo Integration: Optional centered logo display positioned above the percentage counter with adjustable sizing (40px to 200px).
- Custom Messages: Personalize both the active loading message and the final reveal headline.
- Bottom Progress Bar: Sleek, padded progress indicator bar anchored at the bottom of the viewport.
♿ Performance & Accessibility:
- Accessible Image Engine: Built-in alt text metadata support for logos and responsive srcSet loading.
- SSR & Canvas Safe: Optimized state handling to prevent canvas freezing and ensure zero flicker during live deployment.

64:Tad0,

Transform image arrays, digital menus, portfolios, and catalogs into an interactive 3D reading experience for Framer.

3. Key Features Breakdown

📖 Realistic 3D Page Physics & Layout:
- 3D Spread Layout: Renders image pages in authentic side-by-side pairs (0–1, 2–3, etc.) with real-time rotateY perspective and preserve-3d context.
- Dynamic Book Depth: Visually stack page edges on both sides to represent remaining page thickness dynamically based on total pages.
- Seamless Backface Content: Ensures realistic page flips with no blank white gaps or flash overlays during high-speed flips.
- Authentic Spine & Lighting Effects: Features inset page shadows, book drop-shadows, dynamic spine gradients, and hover edge highlights.
🎮 Interactive Controls & Accessibility:
- Multiple Navigation Modes: Smooth forward/backward page flipping using click zones, directional arrow buttons, or native keyboard shortcuts (← / →).
- Hover Control Zones: Intuitive side-trigger zones (outer 30%) that reveal navigation arrows gracefully on mouse entry.
- Accessible Image Engine: Supports custom alt text metadata across all uploaded page arrays for screen readers and SEO.
⚙ Complete Framer Property Controls:
- Custom Image Array: Upload multi-page image assets directly within the Framer Canvas inspector with custom ordering and alt text.
- Autoplay & Timing Control: Enable hands-free presentation modes with customizable delay timers (1–10s) and adjustable flip durations (300–1000ms).
- UI Customization: Toggle page counters ("Pages X-Y of Total"), navigation controls, background colors, and shadow effects with a single click.
⚡ Performance & Canvas Optimization:
- Static Preview Mode: Optimized rendering safeguards for Framer Canvas context to prevent lag while editing.
- Zero External Dependencies: Native lightweight React state & CSS architecture for maximum loading speeds and SSR compatibility.

65:Tac5,

Capture your visitors' attention instantly with a premium, responsive split-screen Hero component for Framer. Features an immersive 3D Coverflow slider, fluid motion animations, automatic background morphing, and native keyboard.

Key Features Breakdown (Bullet Points)

🎭 Immersive 3D Coverflow Slider:
- Fluid 3D Mechanics: Features an advanced Coverflow-style carousel with perspective rotateY effects, custom scale depths, and sleek glassmorphism panels.
- Natural Interaction: Supports fluid drag-to-navigate physics, elastic constraints, and standard tap/click selection on adjacent cards.
- Smart Card Visibility: Focuses the user's eye by dynamically managing depth, showing only the active slide plus the next two upcoming destinations.
✨ Dynamic Visuals & Motion Graphics:
- Morphing Backgrounds: Experience smooth, automated background image synchronization that scales and fades fluidly matching the active card.
- Staggered Text Entrances: Powered by production-ready Framer Motion springs that animate text layers (Category → Title → Description → CTA) sequentially.
- Atmospheric Overlays: Includes built-in dark gradient masks with customizable opacities to maintain crisp text contrast over any image asset.
🎮 Complete Navigation & Accessibility Controls:
- Comprehensive Control Kit: Equipped with interactive Next/Prev arrow states, auto-incrementing counters (e.g., 01 / 05), and visual progress indicator bars.
- Native Keyboard Navigation: Fully supports left/right arrow key detection to allow seamless browsing for power users.
- Smart Autoplay Engine: Toggleable loop behaviors with precise, configurable time-interval delays.
🎨 Infinite Tailoring & Configuration:
- Granular Layout Rules: Easily tweak individual card widths, gaps, corner radiuses, and shadow intensities inside the Framer canvas.
- Per-Destination Accents: Set custom color identities, specific button URLs, text overrides, and unique graphics for every single slide item.

66:T9b4,

Features & Customizations

1. Precision-Engineered Hotspots

X/Y Coordinate Positioning: Place pins exactly where you want them using fluid, percentage-based coordinates that adapt beautifully across all screen sizes.
Rich Content Tooltips: Each pin launches an elegant pop-up card equipped with independent Headlines, supporting Descriptions, and customizable text alignment (Left, Center, Right).
Optional Conversions (CTA Buttons): Instantly turn attention into action. Toggle a dedicated Call-to-Action button inside any tooltip with custom label text and direct URL linking.

2. Fully Custom Marker Styling

Tailored UI Dots: Control the exact diameter (size) and background fill color of your circular pins—complete with full opacity support for a subtle, blended look.
Flexible Graphic Engine: Use the built-in clean default icon or toggle it off entirely. Want total brand alignment? Easily swap the asset for your own custom uploaded SVG or image file.

3. Advanced Typography & Styling Controls

Granular Pop-up Theming: Style your tooltip cards effortlessly with individual background colors and matching text color controls.
Triple-Tier Typography Panel: Separate, comprehensive font controls (Family, Size, Weight, Letter Spacing, and Line Height) for your Title, Description, and CTA Button to match your exact brand guidelines.
Standalone Button States: Give your tooltips a premium finish with dedicated button fill colors and matching text label colors.

Why This Is a Must-Have Component

100% Code-Free: No floating divs or complex math. Move the sliders in your Framer Property Panel, and watch the pins lock into place.
Engagement Booster: Interactive visuals increase user time-on-page and significantly drive click-through rates (CTR) on featured products.
Ultra-Smooth Performance: Driven by Framer Motion for lightweight, physics-based tooltip pop-ups that won't lag your site's load speed.

67:T94b,

Key Features & Animations

1. Interactive Wallet View & Stack Layout

Realistic Stacking: Displays a beautiful wallet container with multiple branded cards stacked vertically with precise offset positioning.
Expand & Collapse: A single click on the wallet smoothly expands the cards into full view; clicking again collapses them right back into place.
Dual Preview Modes: Design with ease using two toggleable studio modes—"Wallet" for the default collapsed state and "Open Card" to perfect your expanded design directly in the Framer canvas.

2. Apple-Grade Spring Physics

Staggered Micro-Interactions: Powered by Framer Motion, cards animate from bottom to top with elegant spring-based physics and organic staggered delays.
Tactile Hover Effects: The entire wallet container scales subtly upon hover and tap, providing premium, physics-based user feedback.

3. Fully Configurable Balance & Cards

Live Balance Display: Showcase total funds perfectly at the bottom of the wallet container with dedicated labels and amount styles.
Array-Driven Card Management: Add, remove, or re-order cards using an intuitive array control. Each individual card features:
- Custom brand names (Top Right)
- Card number masking (Bottom Left)
- Card type/network, like VISA (Bottom Right)
- A clean horizontal separator line
- Independent background gradients and text colors per card

Why This Component?

High-Conversion Micro-Interaction: Financial elements that feel interactive drastically improve user time-on-site and click-through rates.
100% Code-Free Customization: Every layout detail, color, text value, and font is exposed directly to the Framer Property Panel.
Lightweight & Performant: Built natively inside Framer using clean React principles, ensuring maximum lighthouse speed scores.

68:T717,

Key Features & Variants

1. Three-in-One Design System

Switch between three distinct visual styles instantly:

Standard: Cinematic full-media background with customizable gradient overlays.
Glass: Ultra-modern Glassmorphism effect with high-intensity backdrop blur.
Mixed: A professional hybrid layout with media on top and a dedicated glass-content area below.

2. Advanced Media Engine

Hybrid Support: Use high-res Images or MP4 Videos as your background.
Video Pro: Pre-configured for autoplay, infinite looping, and muted playback.
Dynamic Blur: Adjustable background blur (0-20px) to ensure your text always pops.

3. Smart Avatar Stack (Social Proof)

Boost conversions with built-in social proof:

Interactive Stack: Supports up to 10 custom overlapping avatars.
Auto-Counter: Smart "N+" badge (e.g., "50+ Joined") for high-engagement displays.
Safe Fallback: Automatically uses elegant default avatars if no images are provided.

4. Seamless Popup & Interaction System

Detail View: A built-in modal that opens with a smooth scale + fade animation.
Rich Content: Popups support long descriptions, media headers, and dedicated Call-to-Action buttons.
Hover Physics: Premium "Lift-up" and dynamic shadow effects that respond to user movement.

69:Td35,

Key Highlights

Immersive Typewriter Engine: Text appears character by character on the paper as users type, complete with a blinking cursor indicating the active field.
Intelligent Auto-Scroll: The paper area automatically scrolls to follow the latest lines of text, ensuring long messages remain fully visible.
Modern Validation System: Features real-time validation on blur with automatic error messages that disappear after 3 seconds.
Seamless Email Integration: Send form data directly to a configurable recipient via a practical mailto link integration.
Full Design Flexibility: Control everything from typing speed (10–200ms) to paper texture, horizontal lines, and shadow effects.

Full Feature Set

Form & Interaction

Fields: Includes mandatory inputs for Name, Email (with validation), and Subject, plus an optional Message field.
Typing Speed Control: Adjust the text appearance speed to match your design's specific "vibe".
Keyboard Friendly: Smooth navigation between input fields with a fixed input area at the bottom of the component.

Customization & Aesthetics

Styling Palette: Full customization of paper color, text color, typewriter base background, and button colors.
Typography Engine: Independent font controls for input areas and buttons, including size, weight, and spacing.
Visual Texture: The paper features subtle gradients and noise for an authentic retro feel.
Interactive Buttons: Submit button features responsive hover effects, including lift and shadow animations.

Layout & Performance

Adaptive Sizing: Utilizes clamp() for responsive padding and automatically adapts its height and width to the parent frame.
Performance Optimized: Built using startTransition for state updates and optimized re-renders to keep the component lightweight.
Clean Memory Management: Includes proper cleanup of timeouts to prevent memory leaks or animation bugs.

Why is this Component Unique?

Unlike standard, boring contact forms, Typewriter Contact delivers an element of delight to your website visitors. This component is perfect for:

Creative Agencies: Demonstrating artistic flair and attention to detail.
Personal Portfolios: Making visitors feel as though they are writing a direct, physical letter to you.
SaaS Landing Pages: Adding a "human" touch to otherwise rigid digital technology.

Ready to use with zero coding required. Plug in your content, customize the style, and impress your visitors from the very first keystroke.

6a:Tab6,

Scroll Showcase – The Ultimate Feature Presentation Component

Transform your product storytelling with the Scroll Showcase, a high-performance Framer component designed to turn complex features into a seamless, cinematic visual journey. Whether you are building a SaaS landing page or a creative portfolio, this component ensures your product stays front and center.

🚀 Top 5 Key Highlights

Adaptive Responsive Engine: Seamlessly transitions from a Sticky Vertical Grid on Desktop to a tactile Horizontal Snap-Scroll on Mobile.
Realistic Device Mockups: Choose from 5 built-in frames (iPhone 14, iPhone 15 Pro, MacBook, iPad, and Generic) with realistic bezels and border radii.
Precision Layout Control: Fine-tune your presentation with a Flexible Grid System—adjust column ratios (1:1, 3:2, 2:3), gaps, and max-widths directly from the Framer property panel.
Engineered for Accessibility: Fully optimized with Keyboard Navigation (Arrow keys, Home, End), ARIA labels, and semantic HTML for screen readers.
Performance First: Built using modern React patterns like useMemo and startTransition to ensure 60fps animations and zero layout shifts.

🛠 Full Feature Set

Display & Visuals

Sticky Mockup Display: The device frame stays locked in view while text content scrolls by, featuring smooth image transitions between sections.
Parallax & Scale Effects: Subtle zoom effects and adjustable parallax depth add a premium 3D feel to your scroll.
Dark Mode Support: Automatically adapts background colors, text contrast, and shadows for dark themes.
Customizable Colors: Granular control over section backgrounds, mockup screens, and navigation elements.

Mobile Excellence

Horizontal Snap Scroll: On mobile devices, sections switch to a horizontal layout with snap-to-center behavior for a "native app" feel.
Dedicated Mobile Controls: Includes built-in Previous/Next buttons and progress indicators for effortless thumb-navigation.
Adaptive Breakpoints: Choose your responsive threshold (600px to 1024px) to ensure your design never breaks.

6b:Td27,

The Master of Integration

In the world of SaaS, your product’s ability to connect and unify data is its greatest strength. The Ultimate SaaS Workflow Visualizer is designed to showcase that exact power. Whether you’re building an AI Agent, an Automation Platform, or a Data Analytics tool, this component helps you demonstrate how disparate data sources (Stripe, Shopify, Google Ads) flow seamlessly into your central ecosystem.

Core Highlights

The Hub Intelligence: Switch between direct connections or a sophisticated "Hub Mode" where all data streams converge into a single central node before reaching the destination—perfect for representing "Central Intelligence" or "AI Processing."
Dynamic SVG Pathfinding: No more manual line drawing. Our engine calculates elegant Bezier, Step, or Straight paths automatically, ensuring zero overlap even with dozens of active sources.
Interactive Data Packets: Features "flowing pulses" that move along your paths. These packets respond to user interaction, accelerating when hovered to give a tactile sense of high-speed data processing.
Drag-and-Drop Playground: Want to show flexibility? Enable the draggable mode to let visitors rearrange the workflow in real-time while the animated paths stay perfectly attached.

Comprehensive Feature List

Multi-Flow Configuration: Add unlimited Source and Destination cards via a native Framer Array—no code required.
Advanced Flow Control: Forward, reverse, or bidirectional animations with adjustable speeds (500ms - 5000ms).
Professional Visual Polish: Multi-layer glow rendering (outer glow, core, and white center) for that "Apple-style" high-tech aesthetic.
Smart Responsiveness: Uses ResizeObserver and IntersectionObserver to ensure pixel-perfect paths on all devices and zero performance lag when off-screen.
Granular Styling: Control every detail—card radius, background blurs, font weights, line curvature, and glow intensity.
Hover-Reactive UX: Cards and paths react to the cursor, creating an engaging experience that keeps users on your site longer.

How to Use (The Storytelling Strategy)

Drop & Connect: Add the component to your Hero or Integration section.
Populate the Stack: Use the Property Panel to add your integration partners (Source Cards).
Define the Center: Set your SaaS as the "Destination" or the central "Hub."
Tune the Flow: Match the line colors to your brand and watch your complex system become instantly understandable.

Support & Policy

This is a digital asset. Due to the nature of the product, all sales are final and non-refundable. Premium support is included for integration and formula configuration.

6c:Tbe6,

Tell Your Product Story Through Conversation

Static feature lists are a thing of the past. The Interactive SaaS Chat Simulator allows you to demonstrate your service's value through a realistic, engaging dialogue. Perfect for showcasing AI capabilities, customer support workflows, or interactive onboarding, this component guides visitors through a pre-defined story that ends with a powerful Call-to-Action.

Core Highlights

Realistic Roleplay Sequences: Orchestrate a seamless flow between "User" and "Bot" messages with configurable typing speeds and delays for maximum realism.
Conversion-Focused CTAs: Embed functional buttons directly within the chat bubbles to lead users toward your contact page, demo booking, or sign-up form.
Dynamic User Input: Includes an interactive input field that allows visitors to "send" a message, triggering a smart auto-reply system that keeps the engagement loop alive.
Premium Visual Polish: Every interaction is powered by smooth spring physics, including a pulsing typing indicator and viewport-aware animations that only trigger when the user is watching.

Full Feature List

Smart Sequencing: Control typing speed (500ms–5s) and message intervals to mimic human behavior.
Deep Styling: Fully adjustable border radius, padding, and separate color controls for Bot and User themes.
Advanced Avatars: Toggle between image-based bot avatars and letter-based user initials with custom background colors.
Auto-Reply System: Set up a custom response that triggers automatically after a visitor interacts with the input field.
Responsive & Accessible: Features a layout that adapts to any container size, keyboard support (Enter to send), and respect for "Reduced Motion" system settings.
Performance First: Built with static renderer support to ensure the component looks great in the Framer canvas and loads instantly on live sites.

How to Use

Drop the Chat Simulator into your project (perfect for Hero or Feature sections).
Define your script in the Property Panel—set up the questions and the Bot's helpful answers.
Configure the CTA: Set your final message to include a button linked to your desired URL.
Style to Match: Adjust fonts and colors to align perfectly with your SaaS brand identity.
Publish an interactive experience that turns passive visitors into active leads.

6d:T813,

The Bento Layout Engine

Variable Card Geometry: Mix and match three distinct card sizes (1x1 Small, 2x1 Wide, and 2x2 Large) to create a visual hierarchy that highlights your best work.
Smart Auto-Fit Grid: The responsive engine automatically calculates columns (min 250px) to ensure your portfolio looks perfect on every device, from Ultra-wide monitors to iPhones.
Expand-in-Place Logic: No more jumping to new pages. Click any card to expand it directly within the grid, revealing long-form descriptions and "Learn More" links.

Pro-Level Interactivity

Dynamic Category Filtering: An automated filtering system that generates buttons based on your content. Watch as items re-order and scale with Staggered Entrance animations.
Tactile Visual Cues: Features an Image Zoom on hover, Border Glow accents, and a subtle Noise Texture overlay for that "Industrial-Chic" aesthetic.
Glassmorphism Styling: Fully customizable backdrop blurs and semi-transparent borders create a sense of depth and layered luxury.

Content & Customization

Array-Based Management: Easily manage your projects through a clean property panel. Control titles, categories, images, and separate short/long descriptions for every item.
Granular Design Control: Three separate font controls (Filters, Titles, Descriptions) and full color-palette customization (Background, Cards, Accents).
Safe-Link Navigation: External links are automatically configured to open in new tabs, keeping users on your site longer.

6e:T6eb,

The Bento Box Experience

Smart-Sync Navigation: A sophisticated 70/30 split layout where clicking a location card instantly triggers a smooth flyTo animation, centering the map on that specific office.
API-Free Freedom: Enjoy high-performance interactive mapping without the complexity of Google Maps billing or API configurations.
Tactile Sidebar Cards: Each office card features Glassmorphism effects, leader profile photos, and dynamic "Active" states with neon glow accents.

Elite Map Interactivity

Custom SVG Markers: Say goodbye to generic red pins. BentoMaps uses custom-branded SVG markers that dynamically change size and color based on selection.
One-Tap Directions: Every location includes a "Direct Directions" button that intelligently opens the coordinates in Google Maps for the end-user.
Dual-Theme Support: Toggle between Dark Mode (Industrial/Cyberpunk) and Light Mode (Clean/Professional) to match your website's art direction instantly.

Pro-Level Engineering

Zero-Lag Panning: Optimized with smooth easing curves for a high-end, responsive feel during map transitions.
Mobile-Adaptive Logic: The component intelligently detects screen size, switching from a horizontal grid on Desktop to a thumb-friendly vertical stack on Mobile.
Granular Customization: Control everything from the sidebar—latitude/longitude, accent colors, typography, and profile imagery.

6f:T979,

Interactive Agency Billing is more than just a template—it is a functional business tool designed for modern agencies and freelancers. It transforms the traditionally static quoting process into a dynamic, interactive experience where clients can customize their own service packages in real-time.

By allowing clients to toggle services and see instant price updates, you build trust through transparency and significantly reduce the friction between a pitch and a signed deal.

High-Utility Interactive Features

Live Service Selection: Clients can toggle services (Web Design, SEO, Copywriting) and adjust quantities. Watch the total price update instantly with silky-smooth rolling number animations.
Smart Financial Logic: The component handles the math for you. It automatically calculates Subtotals, Tax/VAT, and Discounts (Percentage, Fixed, or Early Bird deals).
One-Click Approval Flow: Includes an "Approve Proposal" button that triggers a celebratory confetti animation and locks all inputs to finalize the agreement.
Instant PDF Export: A built-in "Download/Print" function allows clients to generate a professional PDF version of their customized proposal with one click.

Visuals & UX

Modern Glassmorphism: Designed with a sophisticated frosted-glass aesthetic and smooth micro-animations powered by Framer Motion.
Dynamic Status Badges: Clearly display the proposal stage (Draft, Pending Approval, Paid) with customizable, color-coded badges.
Full Canvas Fidelity: 100% Edit-Mode compatible. Your services and totals are visible and editable directly on the Framer canvas for a seamless design experience.

Total Property Control

Agency & Client Info: Update logos, contact details, and client names via the sidebar.
Flexible Service Lists: Customize service names, descriptions, and unit prices effortlessly.
Financial Settings: Configure currency symbols, tax percentages, and discount values without touching a single line of code.

70:Tba8,

Bring the nostalgic glow of vintage digital signage to your modern web projects. RetroLED is a sophisticated text-to-matrix converter that bypasses standard fonts to render text as a dynamic grid of individual LED pixels. Built on the Canvas API, it delivers buttery-smooth animations and realistic light physics without sacrificing site performance.

High-End Engineering Features

1. Intelligent Pixel Mapping

This isn't just a font; it’s a simulation. The component analyzes your input text and reconstructs it using a customizable grid of LEDs, allowing for true-to-life spacing and density control.

2. Cinematic Light Physics

Dynamic Glow Engine: Adjust the glow intensity to create everything from a subtle backlit display to a vibrant, neon-drenched sign.
Realistic Flicker: Add a touch of "imperfection" with an adjustable flicker effect that mimics the charm of old-school electronic displays.

3. Advanced "Scanline" Animation

Recreate the classic refresh-rate look with a moving scanline. You have total control over the animation speed to achieve that perfect retro-tech vibe.

4. Professional Performance (Canvas API)

By utilizing the Canvas API instead of thousands of individual DOM elements, RetroLED stays lightning-fast even with long sentences and high pixel densities, ensuring a smooth experience for your visitors.

Complete Designer Control

Tailor every pixel to fit your brand identity via the Framer property panel:

Typography: Full control over font family, weight, and initial size before conversion.
Dot Geometry: Fine-tune the Dot Size (2-12px) and Spacing (1-8px) to create various matrix densities.
Color & Ambience: Pick any LED color and dial in the specific Glow Strength and Scanline Speed.

Why Choose RetroLED?

Responsive Canvas: The component intelligently resizes its internal canvas to perfectly frame your generated matrix content.
Zero Latency: Optimized for high-speed rendering, making it perfect for landing pages, headers, and creative portfolio pieces.
Modern Retro Aesthetic: The ultimate asset for "Vibe Coding" projects, cyber-punk designs, or tech-focused agencies.

Support & Policy

This is a digital asset. All sales are final and non-refundable. Premium support is included to help you integrate the LED effect into your Framer project seamlessly.

71:Td3b,

This listing is designed to match the premium, tech-forward aesthetic of the Framer Marketplace. It highlights the high-end interaction design and the professional utility of the component.

Advanced Trusted Security & Badge Reveal

Build Instant Credibility with High-End Interaction Design.

The Advanced Trusted Security & Badge Reveal is more than just a static trust seal. It is a sophisticated UI element designed to showcase certifications, security badges, or product authenticity with a modern, interactive flair. Combining Magnetic Physics, Glassmorphism, and Fluid Animations, this component ensures your trust signals don't just sit there—they get noticed.

✨ Key Features

🧲 Magnetic Hover Effect: The badge intelligently follows the user's cursor within a 150px radius using realistic spring physics, creating a tactile, high-end feel.
💓 Pulsing Visual Cue: A subtle, customizable pulsing animation draws the eye to important trust signals without disrupting the user experience.
🔍 Glassmorphism Expansion: With a single click or hover, the badge expands into a stunning glassmorphism card featuring heavy backdrop blur and smooth scale transitions.
🖼️ Rich Media Integration: A dedicated media slot that supports both high-quality images and looping videos—perfect for displaying holographic seals or video certifications.
🛠️ Pro-Grade Property Controls: Total control over positioning (all 4 corners), X/Y offsets, animation speeds, colors, and typography directly within the Framer sidebar.
👁️ Smart Edit Mode: Includes a showInEditMode toggle, allowing you to switch between the badge and the expanded view on the canvas for effortless styling.

🚀 Technical Highlights

Framer Motion Optimized: Silky-smooth 60fps animations.
React 18 Ready: Utilizes startTransition for interruptible, high-performance rendering.
Responsive Precision: Perfectly adapts to any screen size with granular offset controls.
Performance Focused: Smart detection prevents unnecessary animations in the editor to keep your canvas snappy.

Perfect For:

E-commerce: Displaying "Authenticity Verified" or "Money Back Guarantee" seals.
SaaS & Fintech: Showcasing SSL encryption, ISO certifications, or PCI compliance.
Portfolio & Agencies: Displaying award badges or membership seals (Awwwards, etc.).

How to Use:

Drag & Drop the component onto your Framer canvas.
Select Corner: Choose your preferred anchor (e.g., Bottom-Left) and adjust the offsets.
Customize Content: Add your verification logo, title, description, and media.
Style: Fine-tune the blur, border opacity, and colors to match your brand's DNA.

72:T9e1,

Convert Leads with Interactive Pricing

Stop showing static pricing tables that don't scale. The Dynamic Pricing Calculator empowers your potential customers to visualize their costs in real-time. Whether you sell API calls, user seats, or storage, this component provides a "Fintech-grade" experience that handles complex tiered logic with a beautiful, high-end interface.

Core Highlights

Advanced Tiered Logic: Support for up to 8 custom pricing tiers where the price per unit automatically adjusts as the user scales.
Intelligent Billing Toggle: A smooth, spring-physics animated switch that calculates monthly vs. yearly totals and displays dynamic "Save X%" badges.
Premium Micro-Interactions: Features high-quality rolling number animations and tier-based visual intensity (glow effects) that increase as users move to higher plans.
No-Code Customization: Adjust every detail—from typography and currency formatting to backdrop-blur and border radius—directly from the Framer property panel.

Full Feature List

Interactive Controls: Custom-styled range slider with large increments and a visual tier progress indicator.
Visual Polish: Smooth transitions that respect reduced motion preferences and static rendering support for a clean Framer canvas experience.
Comprehensive Styling: Full color theming for backgrounds, accents, and borders to match any brand identity.
Data Transparency: Clear breakdowns showing base prices, usage-based costs, and applied discounts.
Performance Optimized: Built with viewport detection to pause animations when not visible, ensuring your site stays lightning-fast.
Accessibility & SEO: Semantic HTML structure, ARIA roles, and full keyboard navigation support.

How to Use

Paste the component into your Framer project.
Define Your Tiers in the Property Panel (e.g., $10 for first 50 units, $8 for the next).
Style the typography and accent colors to fit your site's design.
Publish to give your users a modern, interactive way to explore your pricing.

73:T97c,

Data Visualization Made Elegant

Most charts on the web feel static and rigid. The Interactive SaaS Chart Kit brings your data to life with fluid animations and a polished aesthetic. Built specifically for SaaS founders and designers, this component allows you to showcase growth, metrics, and analytics without writing a single line of code.

Core Highlights

Two-in-One Kit: Switch seamlessly between Smooth Line Charts and Rounded Bar Charts within a single component.
Scroll-Triggered Motion: Data points animate gracefully into view only when the user scrolls to them, ensuring high engagement and performance.
Interactive Tooltips: Provide context with custom hover states, crosshair indicators, and real-time data labels.
Advanced Data Formatting: Automatically handle currencies ($), percentages (%), and compact numbers (e.g., 10k instead of 10,000).

Full Feature List

Visual Styles: Total control over stroke width, area fills, gradients, and bar corner rounding.
Pro Grid & Axis Controls: Toggle X/Y axes, customize grid line frequency, and adjust typography for maximum readability.
Dynamic Data Support: Input up to 24 data points with auto-scaling logic and optional zero-baseline forcing.
Responsive Engine: Fully fluid design that adapts to Desktop, Tablet, and Mobile layouts automatically.
Performance Optimized: Includes viewport detection to save resources and static rendering support for instant-load previews.
Accessibility First: Semantic HTML structure and ARIA labels ensure your data is readable by everyone.

How to Use:

Drag & Drop the Chart Kit into your Framer project.
Select Chart Type (Line or Bar) in the Property Panel.
Input Your Data and watch the chart auto-scale instantly.
Style the colors and typography to match your brand identity.
Publish a high-converting, data-driven landing page

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-a03527a0-fa43-4cb5-b634-8d62c8c90524-all:/unified/creator/a03527a0-fa43-4cb5-b634-8d62c8c90524/activity/":[{"data":[{"id":"01a0a834-ff23-730f-b525-84ad3415d3b2","type":"component.created","target":{"type":"component","id":"OwIYj7Mg9wFRu6B0LcB8","preview":"Deliverables Viewer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/01a0a834-bf7c-731d-a252-300a7065447e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-16T03:14:00.611Z","latestAt":"2026-09-16T03:14:00.611Z"},{"id":"01a0181c-e5f1-7118-b195-865889484001","type":"comment.reply","target":{"type":"post","id":"01a00909-9ea0-74ca-b01b-6fce639a19f7","preview":"Hey Framer community! \nAs creators, we spend hours tweaking pixels, interactions, and layouts. But looking at your recent projects. Where do you usually hit a roadblock or spend the most time?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Framer community! "}]},{"type":"paragraph","content":[{"type":"text","text":"As creators, we spend hours tweaking pixels, interactions, and layouts. But looking at your recent projects. Where do you usually hit a roadblock or spend the most time?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a00909-9ea0-74ca-b01b-6fce639a19f7","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0181c-e5d9-764b-bcad-afaf58e1152d","preview":"100% felt this! You think your layout is bulletproof until real text length enters the chat 😅. Balancing motion across mobile vs desktop breakpoints without it feeling sluggish or broken always takes twice as long as expected. @Hichām","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"100% felt this! You think your layout is bulletproof until real text length enters the chat "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}},{"type":"text","text":". Balancing motion across mobile vs desktop breakpoints without it feeling sluggish or broken always takes twice as long as expected. "},{"type":"mention","attrs":{"id":"71d84e4a-5d09-41d6-a8b6-8ca522803466","slug":"madebyhicham","label":"Hichām","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a00909-9ea0-74ca-b01b-6fce639a19f7","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a00a24-24a3-76df-8fab-73c5db34180b"},"repost":null}},"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T03:42:22.193Z","latestAt":"2026-08-19T03:42:22.193Z"},{"id":"019f8e87-9822-745d-8cd0-3b247bcb49bf","type":"component.created","target":{"type":"component","id":"o6DWp8K5LBrj7hTINsl8","preview":"PreloadX","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/019f8e86-9555-74f6-90f8-591bd1c8c08d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-23T10:31:18.818Z","latestAt":"2026-07-23T10:31:18.818Z"},{"id":"019f8dfb-7c17-73b8-b4f9-3a72626e5031","type":"component.created","target":{"type":"component","id":"AA2HXAJ19w296OAZYVO7","preview":"Paper3D","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/019f8dfa-94b3-73d3-aeb3-59565833213b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-23T07:58:16.599Z","latestAt":"2026-07-23T07:58:16.599Z"},{"id":"019f8de1-fd82-751e-b4a4-09cce01a3292","type":"post.liked","target":{"type":"post","id":"019f8d99-39f3-736a-b3cd-e99057f4b20b","preview":"Designed to Keep Eyes on What Matters. \nSwitch between videos instantly and experience every detail in full screen. Built to make your content impossible to ignore. \nContact me","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed to Keep Eyes on What Matters. "}]},{"type":"paragraph","content":[{"type":"text","text":"Switch between videos instantly and experience every detail in full screen. Built to make your content impossible to ignore. "}]},{"type":"paragraph","content":[{"type":"text","text":"Contact me","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://yuvissites.framer.website/contact","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/cERM00WNQUpPiWamLxeYnrkA7EmbsloRuQqXtJo94HYM/thumbnail.webp?time=11.9","targetDeleted":false,"owned":false,"actions":{"postId":"019f8d99-39f3-736a-b3cd-e99057f4b20b","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T07:30:25.789Z","latestAt":"2026-07-23T07:30:25.789Z"},{"id":"019f8de1-9851-72c1-a67d-d34d118c0547","type":"creator.followed","target":{"type":"creator","id":"9b8396e0-0c3d-4388-a2cb-2e4ee29d3584","preview":"Sawal Arman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9b8396e0-0c3d-4388-a2cb-2e4ee29d3584/74sexo7b","slug":"sawal-arman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T07:29:59.876Z","latestAt":"2026-07-23T07:29:59.876Z"},{"id":"019f7f79-8bf1-755c-843e-fade2eb8153c","type":"post.liked","target":{"type":"post","id":"019f7f77-955d-702e-88a9-9d64d71e3a78","preview":"Been meaning to introduce this one properly 🙌\nJenson is a Framer template that puts the realtor and their personal brand right alongside the listings.\nIt comes with property listings, neighborhood guides, and a home valuation page for lead capture.\nFor designers and developers, it’s a flexible starting point for client projects. The clean, minimal style keeps each realtor’s personal brand in focus, even if they change brokerages later.\nLink in the comment below 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been meaning to introduce this one properly "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph","content":[{"type":"text","text":"Jenson is a Framer template that puts the realtor and their personal brand right alongside the listings."}]},{"type":"paragraph","content":[{"type":"text","text":"It comes with property listings, neighborhood guides, and a home valuation page for lead capture."}]},{"type":"paragraph","content":[{"type":"text","text":"For designers and developers, it’s a flexible starting point for client projects. The clean, minimal style keeps each realtor’s personal brand in focus, even if they change brokerages later."}]},{"type":"paragraph","content":[{"type":"text","text":"Link in the comment below "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/lFZ8cSKpsJJEZL57hjDN9fJZilBOiEgS01IlmKNZWyIg/thumbnail.webp?time=43.933","targetDeleted":false,"owned":false,"actions":{"postId":"019f7f77-955d-702e-88a9-9d64d71e3a78","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T12:21:39.948Z","latestAt":"2026-07-20T12:21:39.948Z"},{"id":"019f7d89-0fb4-726b-a189-a484dcd15d09","type":"component.created","target":{"type":"component","id":"g5rKNhU5kvJ3n3peybvw","preview":"Destina Hero Slide","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/019f7d88-5fa0-7788-901c-6966c899cf8b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-20T03:19:22.292Z","latestAt":"2026-07-20T03:19:22.292Z"},{"id":"019f17fa-88f5-701e-82c6-42e8c373e79d","type":"creator.followed","target":{"type":"creator","id":"84a07df8-2e35-4e29-96a3-344013a2adbf","preview":"Prashant Chamoli","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28928/Prashant-Hx0f0ihuO5pWTQ6rWPB4CTmLYi2m7d.jpg","slug":"prashant-chamoli","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T10:02:02.865Z","latestAt":"2026-06-30T10:02:02.865Z"},{"id":"019f1381-dd37-76ec-ad5c-7cb42f1fa9fe","type":"post.liked","target":{"type":"post","id":"019f137e-239e-75b2-9dd7-57d0ff28a21f","preview":"Still can’t believe my template is rank 2nd on the entire Framer Marketplace 🤯🤯","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Still can’t believe my template is rank 2nd on the entire Framer Marketplace "},{"type":"emoji","attrs":{"name":"exploding_head","emoji":"🤯"}},{"type":"emoji","attrs":{"name":"exploding_head","emoji":"🤯"}}]},{"type":"paragraph"}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5d6b118a-0f38-448f-be4a-54efa0a23bc5/uksznd52","targetDeleted":false,"owned":false,"actions":{"postId":"019f137e-239e-75b2-9dd7-57d0ff28a21f","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:45.714Z","latestAt":"2026-06-29T13:11:45.714Z"},{"id":"019f1381-c20b-747e-971b-1e4c7c80f548","type":"post.liked","target":{"type":"post","id":"019f1380-8ecb-755f-b3b2-bf7e30672d96","preview":"Brand Guidelines ready for Bem","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand Guidelines ready for Bem"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/189300a4-16ea-4e8f-9b17-caac9808e24b/ibvowsm7","targetDeleted":false,"owned":false,"actions":{"postId":"019f1380-8ecb-755f-b3b2-bf7e30672d96","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:38.755Z","latestAt":"2026-06-29T13:11:38.755Z"},{"id":"019f1381-9d50-7269-a4e1-323d4a88e86f","type":"creator.followed","target":{"type":"creator","id":"3f5322b7-ad36-4594-a04d-5719f0789199","preview":"Md Yeasin Arafat","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f5322b7-ad36-4594-a04d-5719f0789199/klmx0pgn","slug":"uixyeasin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:29.356Z","latestAt":"2026-06-29T13:11:29.356Z"},{"id":"019f1381-9a47-70a9-abe5-ba97d4817d02","type":"creator.followed","target":{"type":"creator","id":"33a627d8-4f83-4e2f-8d02-4bdbb58c3ec7","preview":"Hella Fast, LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/694452/avatar-sJzTGZEMT0WZ1yEryeWCj7MBQ0uP8A.jpg","slug":"hella-fast","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:28.578Z","latestAt":"2026-06-29T13:11:28.578Z"},{"id":"019f1381-954c-75ce-927a-765a5426ec28","type":"creator.followed","target":{"type":"creator","id":"530618d4-39d4-4326-822e-6adc8a89643b","preview":"Renatho","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/530618d4-39d4-4326-822e-6adc8a89643b/1mfjjuaw","slug":"renatho","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:27.304Z","latestAt":"2026-06-29T13:11:27.304Z"},{"id":"019f1381-92fb-735a-9c8c-6784a6e2e499","type":"creator.followed","target":{"type":"creator","id":"476789a5-208b-4b9d-bbe3-183a4a84152b","preview":"Kirill Gipsov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/476789a5-208b-4b9d-bbe3-183a4a84152b/nfxjeijb","slug":"kirill-gipsov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:26.709Z","latestAt":"2026-06-29T13:11:26.709Z"},{"id":"019f1381-8de8-756a-965e-380d5e3b786f","type":"creator.followed","target":{"type":"creator","id":"daebf60b-d183-4dc3-9ee8-f5b070d8d8b4","preview":"Sidhanth Suman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64229/avatar-6Fkzk5vt1plyb4srBNDlylzUVliRDh.jpg","slug":"sidhanth-suman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:11:25.410Z","latestAt":"2026-06-29T13:11:25.410Z"},{"id":"019efa07-fc96-711d-92d2-81e443c01670","type":"component.created","target":{"type":"component","id":"cSnjUvNRUf10dSNpQVtW","preview":"Img Hotspot","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/k71xkt6u","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","slug":"agung-m","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-24T14:28:07.958Z","latestAt":"2026-06-24T14:28:07.958Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:a03527a0-fa43-4cb5-b634-8d62c8c90524:/unified/posts/?creator=a03527a0-fa43-4cb5-b634-8d62c8c90524&with=reposts":[{"data":[{"id":"01a0a834-fce0-7631-8231-d1b1716123a3","title":null,"body":"

Get ready to show your project!!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Get ready to show your project!!"}]}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OwIYj7Mg9wFRu6B0LcB8","resolved":true,"title":"Deliverables Viewer","body":"

Built for agencies, studios, and freelance designers who need a fast way to present "before/after" case studies without custom code.

Drag-to-reveal comparison slider between any two images
One-click switch between a desktop browser frame and a mobile device frame
Fully themeable, background, ink, and accent colors are all property controls
Editable title, meta line, and before/after labels for every project
Works as a single instance per case study, drop one in for each project in your portfolio

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for agencies, studios, and freelance designers who need a fast way to present \"before/after\" case studies without custom code."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag-to-reveal comparison slider between any two images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-click switch between a desktop browser frame and a mobile device frame"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully themeable, background, ink, and accent colors are all property controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable title, meta line, and before/after labels for every project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works as a single instance per case study, drop one in for each project in your portfolio"}]}]}]}]},"introduction":"Before/After Deliverables","slug":"deliverables-viewer","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/01a0a834-bf7c-731d-a252-300a7065447e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2222,"height":1366}}],"post":null,"createdAt":"2026-09-16T03:13:59.439Z","updatedAt":"2026-09-16T03:13:59.439Z","publishedAt":"2026-09-16T03:13:59.436Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/DeliverablesViewer-BkzgP6.js@MYwKq0tTELsKBuzqA5uR","previewUrl":"https://impartial-others-914178.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"MYwKq0tTELsKBuzqA5uR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T03:14:00.032Z","updatedAt":"2026-09-16T03:14:00.032Z"},{"id":"01a00909-9ea0-74ca-b01b-6fce639a19f7","title":null,"body":"

Hey Framer community!

As creators, we spend hours tweaking pixels, interactions, and layouts. But looking at your recent projects. Where do you usually hit a roadblock or spend the most time?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Framer community! "}]},{"type":"paragraph","content":[{"type":"text","text":"As creators, we spend hours tweaking pixels, interactions, and layouts. But looking at your recent projects. Where do you usually hit a roadblock or spend the most time?"}]}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T05:27:00.528Z","updatedAt":"2026-08-16T05:27:00.528Z"},{"id":"019feeb8-b371-702b-88ed-fdcb50530382","title":null,"body":"

Make your product interactive with spotlight!!!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Make your product interactive with spotlight!!!"}]}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/bRqKmFWgzvwiRsjBuN6wD4QQgnez0200t9u00y4ekfLkmk.m3u8","metadata":{"posterUrl":"https://image.mux.com/bRqKmFWgzvwiRsjBuN6wD4QQgnez0200t9u00y4ekfLkmk/thumbnail.webp?time=8.294","aspectRatio":"808:599","duration":15.466667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-11T02:48:29.812Z","updatedAt":"2026-08-11T02:48:29.812Z"},{"id":"019f8e87-96b4-72f8-bac3-01da12173707","title":null,"body":"

First impressions matter. Transform boring load times into a sleek, branded introductory experience with PreloadX for Framer. 🚀

✨ 4 Theme Presets (Light, Dark, Glass, Custom)

⏱ 1–10s Adjustable Duration

🎯 100% Native & SSR Safe

#FramerStudio #WebDesignCommunity #UIComponents #FramerMarketplace

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"First impressions matter. Transform boring load times into a sleek, branded introductory experience with "},{"type":"text","text":"PreloadX","marks":[{"type":"bold"}]},{"type":"text","text":" for Framer. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" 4 Theme Presets (Light, Dark, Glass, Custom)"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"stopwatch","emoji":"⏱"}},{"type":"text","text":" 1–10s Adjustable Duration"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" 100% Native & SSR Safe"}]},{"type":"paragraph","content":[{"type":"text","text":"#FramerStudio #WebDesignCommunity #UIComponents #FramerMarketplace","marks":[{"type":"code"}]}]}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"o6DWp8K5LBrj7hTINsl8","resolved":true,"title":"PreloadX","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your brand's first impression with a highly customizable, theme-driven loading screen for Framer. Features a smooth 0–100% animated counter, glassmorphism presets, brand logo integration, and fluid fade transitions.3. Key Features Breakdown"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features Breakdown (Bullet Points)"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Core Loading Engine & Transitions:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Synced Percentage Counter:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth 0% to 100% animated percentage counter synced directly with optional progress bar fills."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Duration:","marks":[{"type":"bold"}]},{"type":"text","text":" Configurable loading speeds ranging from 1 to 10 seconds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Entry/Exit Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Features automated fade-out transitions upon completion paired with fade-in and subtle scale-up effects for your main content."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" 4 Pre-Built Theme System:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in Presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Instantly switch between "},{"type":"text","text":"Light","marks":[{"type":"italic"}]},{"type":"text","text":", "},{"type":"text","text":"Dark","marks":[{"type":"italic"}]},{"type":"text","text":", "},{"type":"text","text":"Glass","marks":[{"type":"italic"}]},{"type":"text","text":" (glassmorphism with semi-transparent elements & backdrop blur), and "},{"type":"text","text":"Custom","marks":[{"type":"italic"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Complete Color Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully tailorable background colors, text colors, and progress bar fill/track colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Granular Typography Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Separate font selectors for the percentage counter, loading subtitle text, and main content copy."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" Branding & Visual Elements:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand Logo Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Optional centered logo display positioned above the percentage counter with adjustable sizing (40px to 200px)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Messages:","marks":[{"type":"bold"}]},{"type":"text","text":" Personalize both the active loading message and the final reveal headline."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bottom Progress Bar:","marks":[{"type":"bold"}]},{"type":"text","text":" Sleek, padded progress indicator bar anchored at the bottom of the viewport."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"wheelchair","emoji":"♿"}},{"type":"text","text":" Performance & Accessibility:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible Image Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in "},{"type":"text","text":"alt","marks":[{"type":"code"}]},{"type":"text","text":" text metadata support for logos and responsive "},{"type":"text","text":"srcSet","marks":[{"type":"code"}]},{"type":"text","text":" loading."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SSR & Canvas Safe:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized state handling to prevent canvas freezing and ensure zero flicker during live deployment."}]}]}]}]}]}]},"introduction":"Dynamic Loading Screen & Intro","slug":"preloadx","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/019f8e86-9555-74f6-90f8-591bd1c8c08d.png","metadata":{"tint":{"h":300,"s":53,"l":63},"width":1024,"height":1024}}],"post":null,"createdAt":"2026-07-23T10:31:18.067Z","updatedAt":"2026-08-11T02:26:24.864Z","publishedAt":"2026-07-23T10:31:18.063Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://possible-vision-005097.framer.app/","price":"3","paymentUrl":"https://mstudiofun.gumroad.com/l/hetldw","workshop":true,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"kyflvgiLrK7NorxQ5eq8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T10:31:18.452Z","updatedAt":"2026-07-23T10:31:18.452Z"},{"id":"019f8dfb-79cd-776b-a706-6407a4057b4f","title":null,"body":"

Transform static image spreads into an interactive reading experience featuring realistic 3D page physics, spine shadows, and native keyboard controls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform static image spreads into an interactive reading experience featuring realistic 3D page physics, spine shadows, and native keyboard controls. "}]}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AA2HXAJ19w296OAZYVO7","resolved":true,"title":"Paper3D","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform image arrays, digital menus, portfolios, and catalogs into an interactive 3D reading experience for Framer. "}]},{"type":"customHeading","content":[{"type":"text","text":"3. Key Features Breakdown"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"book","emoji":"📖"}},{"type":"text","text":" Realistic 3D Page Physics & Layout:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Spread Layout:","marks":[{"type":"bold"}]},{"type":"text","text":" Renders image pages in authentic side-by-side pairs (0–1, 2–3, etc.) with real-time "},{"type":"text","text":"rotateY","marks":[{"type":"code"}]},{"type":"text","text":" perspective and "},{"type":"text","text":"preserve-3d","marks":[{"type":"code"}]},{"type":"text","text":" context."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Book Depth:","marks":[{"type":"bold"}]},{"type":"text","text":" Visually stack page edges on both sides to represent remaining page thickness dynamically based on total pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless Backface Content:","marks":[{"type":"bold"}]},{"type":"text","text":" Ensures realistic page flips with no blank white gaps or flash overlays during high-speed flips."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Authentic Spine & Lighting Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Features inset page shadows, book drop-shadows, dynamic spine gradients, and hover edge highlights."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"video_game","emoji":"🎮"}},{"type":"text","text":" Interactive Controls & Accessibility:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple Navigation Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth forward/backward page flipping using click zones, directional arrow buttons, or native keyboard shortcuts ("},{"type":"text","text":"←","marks":[{"type":"code"}]},{"type":"text","text":" / "},{"type":"text","text":"→","marks":[{"type":"code"}]},{"type":"text","text":")."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Control Zones:","marks":[{"type":"bold"}]},{"type":"text","text":" Intuitive side-trigger zones (outer 30%) that reveal navigation arrows gracefully on mouse entry."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible Image Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Supports custom "},{"type":"text","text":"alt","marks":[{"type":"code"}]},{"type":"text","text":" text metadata across all uploaded page arrays for screen readers and SEO."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"gear","emoji":"⚙"}},{"type":"text","text":" Complete Framer Property Controls:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Image Array:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload multi-page image assets directly within the Framer Canvas inspector with custom ordering and alt text."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay & Timing Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Enable hands-free presentation modes with customizable delay timers (1–10s) and adjustable flip durations (300–1000ms)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle page counters (\"Pages X-Y of Total\"), navigation controls, background colors, and shadow effects with a single click."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Performance & Canvas Optimization:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static Preview Mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized rendering safeguards for Framer Canvas context to prevent lag while editing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero External Dependencies:","marks":[{"type":"bold"}]},{"type":"text","text":" Native lightweight React state & CSS architecture for maximum loading speeds and SSR compatibility."}]}]}]}]}]}]},"introduction":"Realistic 3D Flip Book","slug":"paper3d","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/019f8dfa-94b3-73d3-aeb3-59565833213b.png","metadata":{"tint":{"h":60,"s":13,"l":52},"width":1024,"height":1024}}],"post":null,"createdAt":"2026-07-23T07:58:15.548Z","updatedAt":"2026-08-11T10:07:04.708Z","publishedAt":"2026-07-23T07:58:15.538Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://blue-try-305689.framer.app/","price":"6","paymentUrl":"https://mstudiofun.gumroad.com/l/fftmqv","workshop":true,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"sFKZFI0Yl8TAlcwaGiSj","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-07-23T07:58:16.014Z","updatedAt":"2026-07-23T07:58:16.014Z"},{"id":"019f7d89-0e4b-7188-b836-8d7b25b11151","title":null,"body":"

Level up your Framer site with a cinematic Hero section. 🚀

This is Destina, a premium split-screen hero section featuring an immersive 3D Coverflow card slider. As users swipe through, the background morphs dynamically while content elements animate with organic staggered delays.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Level up your Framer site with a cinematic Hero section. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"This is "},{"type":"text","text":"Destina","marks":[{"type":"bold"}]},{"type":"text","text":", a premium split-screen hero section featuring an immersive 3D Coverflow card slider. As users swipe through, the background morphs dynamically while content elements animate with organic staggered delays."}]},{"type":"paragraph"}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"g5rKNhU5kvJ3n3peybvw","resolved":true,"title":"Destina Hero Slide","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Capture your visitors' attention instantly with a premium, responsive split-screen Hero component for Framer. Features an immersive 3D Coverflow slider, fluid motion animations, automatic background morphing, and native keyboard."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features Breakdown (Bullet Points)"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"performing_arts","emoji":"🎭"}},{"type":"text","text":" Immersive 3D Coverflow Slider:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid 3D Mechanics:","marks":[{"type":"bold"}]},{"type":"text","text":" Features an advanced Coverflow-style carousel with perspective "},{"type":"text","text":"rotateY","marks":[{"type":"code"}]},{"type":"text","text":" effects, custom scale depths, and sleek glassmorphism panels."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Natural Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Supports fluid drag-to-navigate physics, elastic constraints, and standard tap/click selection on adjacent cards."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Card Visibility:","marks":[{"type":"bold"}]},{"type":"text","text":" Focuses the user's eye by dynamically managing depth, showing only the active slide plus the next two upcoming destinations."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Dynamic Visuals & Motion Graphics:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Morphing Backgrounds:","marks":[{"type":"bold"}]},{"type":"text","text":" Experience smooth, automated background image synchronization that scales and fades fluidly matching the active card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered Text Entrances:","marks":[{"type":"bold"}]},{"type":"text","text":" Powered by production-ready Framer Motion springs that animate text layers (Category → Title → Description → CTA) sequentially."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Atmospheric Overlays:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes built-in dark gradient masks with customizable opacities to maintain crisp text contrast over any image asset."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"video_game","emoji":"🎮"}},{"type":"text","text":" Complete Navigation & Accessibility Controls:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Comprehensive Control Kit:","marks":[{"type":"bold"}]},{"type":"text","text":" Equipped with interactive Next/Prev arrow states, auto-incrementing counters (e.g., "},{"type":"text","text":"01 / 05","marks":[{"type":"code"}]},{"type":"text","text":"), and visual progress indicator bars."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Keyboard Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully supports left/right arrow key detection to allow seamless browsing for power users."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Autoplay Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggleable loop behaviors with precise, configurable time-interval delays."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Infinite Tailoring & Configuration:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Granular Layout Rules:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily tweak individual card widths, gaps, corner radiuses, and shadow intensities inside the Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-Destination Accents:","marks":[{"type":"bold"}]},{"type":"text","text":" Set custom color identities, specific button URLs, text overrides, and unique graphics for every single slide item."}]}]}]}]}]}]},"introduction":"3D Showcase & Dynamic Hero","slug":"destina-hero-slide","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/019f7d88-5fa0-7788-901c-6966c899cf8b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2048,"height":2048}}],"post":null,"createdAt":"2026-07-20T03:19:21.522Z","updatedAt":"2026-07-20T12:13:37.212Z","publishedAt":"2026-07-20T03:19:21.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://daily-view-148058.framer.app/","price":"7","paymentUrl":"https://mstudiofun.gumroad.com/l/yuulet","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"L3wjMaEk00d1XIHTFz1U","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-07-20T03:19:21.931Z","updatedAt":"2026-07-20T03:19:21.931Z"},{"id":"019efa07-fc66-701b-8983-21b644f0fc33","title":null,"body":"

Transform flat, static images into immersive, clickable discovery maps

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform flat, static images into immersive, clickable discovery maps"}]}]},"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cSnjUvNRUf10dSNpQVtW","resolved":true,"title":"Img Hotspot","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Features & Customizations","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"1. Precision-Engineered Hotspots","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"X/Y Coordinate Positioning:","marks":[{"type":"bold"}]},{"type":"text","text":" Place pins exactly where you want them using fluid, percentage-based coordinates that adapt beautifully across all screen sizes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rich Content Tooltips:","marks":[{"type":"bold"}]},{"type":"text","text":" Each pin launches an elegant pop-up card equipped with independent Headlines, supporting Descriptions, and customizable text alignment (Left, Center, Right)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Conversions (CTA Buttons):","marks":[{"type":"bold"}]},{"type":"text","text":" Instantly turn attention into action. Toggle a dedicated Call-to-Action button inside any tooltip with custom label text and direct URL linking."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"2. Fully Custom Marker Styling","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tailored UI Dots:","marks":[{"type":"bold"}]},{"type":"text","text":" Control the exact diameter (size) and background fill color of your circular pins—complete with full opacity support for a subtle, blended look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Graphic Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" Use the built-in clean default icon or toggle it off entirely. Want total brand alignment? Easily swap the asset for your own custom uploaded SVG or image file."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"3. Advanced Typography & Styling Controls","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Granular Pop-up Theming:","marks":[{"type":"bold"}]},{"type":"text","text":" Style your tooltip cards effortlessly with individual background colors and matching text color controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Triple-Tier Typography Panel:","marks":[{"type":"bold"}]},{"type":"text","text":" Separate, comprehensive font controls (Family, Size, Weight, Letter Spacing, and Line Height) for your "},{"type":"text","text":"Title","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Description","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"CTA Button","marks":[{"type":"bold"}]},{"type":"text","text":" to match your exact brand guidelines."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Standalone Button States:","marks":[{"type":"bold"}]},{"type":"text","text":" Give your tooltips a premium finish with dedicated button fill colors and matching text label colors."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why This Is a Must-Have Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Code-Free:","marks":[{"type":"bold"}]},{"type":"text","text":" No floating divs or complex math. Move the sliders in your Framer Property Panel, and watch the pins lock into place."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Engagement Booster:","marks":[{"type":"bold"}]},{"type":"text","text":" Interactive visuals increase user time-on-page and significantly drive click-through rates (CTR) on featured products."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ultra-Smooth Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Driven by Framer Motion for lightweight, physics-based tooltip pop-ups that won't lag your site's load speed."}]}]}]}]},"introduction":"Interactive Image Hotspots","slug":"img-hotspot","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a03527a0-fa43-4cb5-b634-8d62c8c90524/k71xkt6u","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1194,"height":896}}],"post":null,"createdAt":"2026-06-24T14:28:07.875Z","updatedAt":"2026-08-11T04:12:32.299Z","publishedAt":"2026-06-24T14:28:07.872Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spotlightimage.framer.website/","price":"4","paymentUrl":"https://mstudiofun.gumroad.com/l/irzsel","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"KxzIeOYTQ9Z3hddq1TkG","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-06-24T14:28:07.910Z","updatedAt":"2026-06-24T14:28:07.910Z"},{"id":"019e9d45-d7c7-78df-8c4a-137c10c74dec","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7NmO9PX3qWgPXe06nU7y","resolved":true,"title":"Wallet Card","body":"$67","bodyJson":{"type":"doc","content":[{"type":"customHeading","attrs":{"level":2}},{"type":"customHeading","content":[{"type":"text","text":"Key Features & Animations"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"1. Interactive Wallet View & Stack Layout","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic Stacking:","marks":[{"type":"bold"}]},{"type":"text","text":" Displays a beautiful wallet container with multiple branded cards stacked vertically with precise offset positioning."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expand & Collapse:","marks":[{"type":"bold"}]},{"type":"text","text":" A single click on the wallet smoothly expands the cards into full view; clicking again collapses them right back into place."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Preview Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Design with ease using two toggleable studio modes—"},{"type":"text","text":"\"Wallet\"","marks":[{"type":"bold"}]},{"type":"text","text":" for the default collapsed state and "},{"type":"text","text":"\"Open Card\"","marks":[{"type":"bold"}]},{"type":"text","text":" to perfect your expanded design directly in the Framer canvas."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"2. Apple-Grade Spring Physics","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered Micro-Interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Powered by Framer Motion, cards animate from bottom to top with elegant spring-based physics and organic staggered delays."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tactile Hover Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" The entire wallet container scales subtly upon hover and tap, providing premium, physics-based user feedback."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"3. Fully Configurable Balance & Cards","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Balance Display:","marks":[{"type":"bold"}]},{"type":"text","text":" Showcase total funds perfectly at the bottom of the wallet container with dedicated labels and amount styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Array-Driven Card Management:","marks":[{"type":"bold"}]},{"type":"text","text":" Add, remove, or re-order cards using an intuitive array control. Each individual card features:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom brand names (Top Right)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card number masking (Bottom Left)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card type/network, like VISA (Bottom Right)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A clean horizontal separator line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent background gradients and text colors per card"}]}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why This Component?"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-Conversion Micro-Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Financial elements that feel interactive drastically improve user time-on-site and click-through rates."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Code-Free Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Every layout detail, color, text value, and font is exposed directly to the Framer Property Panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & Performant:","marks":[{"type":"bold"}]},{"type":"text","text":" Built natively inside Framer using clean React principles, ensuring maximum lighthouse speed scores."}]}]}]}]},"introduction":"Dynamic Card Interaction","slug":"wallet-card","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7NmO9PX3qWgPXe06nU7y/wallet-card-jerfDvo7t7qeeFTjTXClIIPFSGls22","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-28T04:11:06.453Z","updatedAt":"2026-07-23T06:52:42.533Z","publishedAt":"2026-06-06T14:11:00.679Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ancient-finance-509473.framer.app/","price":"4","paymentUrl":"https://mstudiofun.gumroad.com/l/aqheei","workshop":true,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"RUdZ8Dmty6xlthVLC621","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-06T14:11:00.679Z","updatedAt":"2026-06-06T14:11:00.679Z"},{"id":"019e2703-5b80-77cc-8b2c-aacf46c6e8b4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"X9tJFuMKEhvkR2hlEwJI","resolved":true,"title":"Multi Variant Card","body":"$68","bodyJson":null,"introduction":"Professional Card System","slug":"multi-variant-card","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/X9tJFuMKEhvkR2hlEwJI/multi-variant-card-NMl1G7exs7BMEv9VC0xyVBrzzIiMLo","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-04T04:04:03.654Z","updatedAt":"2026-05-20T12:04:37.904Z","publishedAt":"2026-05-14T15:03:12.000Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://humorous-labeling-683489.framer.app/","price":"3","paymentUrl":"https://mstudiofun.gumroad.com/l/igejmi","workshop":true,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"LcfLFksUCsKNDOnWSz4i","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-14T15:03:12.000Z","updatedAt":"2026-05-14T15:03:12.000Z"},{"id":"019e23d2-e0ab-7775-b798-ce4a38e85379","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5uxcrDITtxYOAzaUTKTT","resolved":true,"title":"Typewriter Contact","body":"$69","bodyJson":null,"introduction":"The Interactive Retro Storytelling Form","slug":"typewriter-contact","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/5uxcrDITtxYOAzaUTKTT/typewriter-contact-dFPqb7eBJKlhIUVsi7RDMfX7mzLV2z","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-30T04:06:34.856Z","updatedAt":"2026-06-09T04:06:21.613Z","publishedAt":"2026-05-14T00:11:23.179Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fuchsia-mindset-496152.framer.app/","price":"6","paymentUrl":"https://mstudiofun.gumroad.com/l/usrbk","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Ari1f4T6RNOlq71guowS","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-05-14T00:11:23.179Z","updatedAt":"2026-05-14T00:11:23.179Z"},{"id":"019ddedd-b4af-776c-9c5e-03e25a849978","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wYwODwMcRiH6idu6APgA","resolved":true,"title":"Scroll Showcases","body":"$6a","bodyJson":null,"introduction":"Feature Presentation Component","slug":"scroll-showcases","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wYwODwMcRiH6idu6APgA/scroll-showcases-zDoKE4yawATX0xrqrUWPLMRk23OFiT","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-19T23:29:29.893Z","updatedAt":"2026-05-27T13:48:50.401Z","publishedAt":"2026-04-30T14:49:24.911Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://amicable-need-804341.framer.app/","price":"9","paymentUrl":"https://mstudiofun.gumroad.com/l/ioies","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"FS0o6JukKtrpuJZ0beXw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-30T14:49:24.911Z","updatedAt":"2026-04-30T14:49:24.911Z"},{"id":"019dd1ab-792d-7503-8193-738241c49780","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"stjD79pjOtoWQ1iEQjW3","resolved":true,"title":"Workflow Visualizer","body":"$6b","bodyJson":null,"introduction":"Ultimate SaaS Workflow Visualization","slug":"workflow-visualizer","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/stjD79pjOtoWQ1iEQjW3/workflow-visualizer-HODPLgE4XVanwZAvizcjYk0AtEIHb4","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-16T03:43:56.429Z","updatedAt":"2026-04-27T16:25:55.127Z","publishedAt":"2026-04-28T01:19:29.069Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://clean-costs-560223.framer.app/","price":"6","paymentUrl":"https://mstudiofun.gumroad.com/l/guihj","workshop":true,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"KDCjwpUUb5WlsGjxfbdm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-28T01:19:29.069Z","updatedAt":"2026-04-28T01:19:29.069Z"},{"id":"019dbe34-c1b7-7320-9885-1075a74a90e3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"905SnI6K2InKdrHCfO1e","resolved":true,"title":"Chat Simulator","body":"$6c","bodyJson":null,"introduction":"Showcase realistic Chat interactions","slug":"chat-simulator","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/905SnI6K2InKdrHCfO1e/chat-simulator-DGDz2CbqhMCMOeKQcvBqH6Yz34iV9b","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-15T04:10:03.932Z","updatedAt":"2026-04-30T02:43:59.112Z","publishedAt":"2026-04-24T06:37:01.751Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://major-type-147296.framer.app/","price":"4","paymentUrl":"https://mstudiofun.gumroad.com/l/akorej","workshop":true,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"FOFGhGKjUzGfbLHWskAJ","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-04-24T06:37:01.751Z","updatedAt":"2026-04-24T06:37:01.751Z"},{"id":"019d6c2f-c41a-7d89-9d36-64ffb5c038d9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XiR1fL2Dz2VPZVKo5EHq","resolved":true,"title":"Portofolio Feed Grid","body":"$6d","bodyJson":null,"introduction":"Bento Style Project Showcase","slug":"portofolio-feed-grid","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XiR1fL2Dz2VPZVKo5EHq/portofolio-feed-grid-KOuezTHoyF8lZW6LhRMJAStncEUfpp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-28T11:46:39.288Z","updatedAt":"2026-05-30T12:32:03.046Z","publishedAt":"2026-04-08T08:22:42.970Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://alert-property-055330.framer.app/","price":"6","paymentUrl":"https://mstudiofun.gumroad.com/l/llqyrd","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"wfqkYKjSFKPgGwP1lttJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-08T08:22:42.970Z","updatedAt":"2026-04-08T08:22:42.970Z"},{"id":"019d6713-58cb-70f9-a382-79b68fdb3adc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ByfoPuyuS615rEq7rZ3C","resolved":true,"title":"Bento Box Map","body":"$6e","bodyJson":null,"introduction":"Multi Office Visualizer","slug":"bento-box-map","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ByfoPuyuS615rEq7rZ3C/bento-box-map-3pCriuMMxe8EBQNr4d2i2HcfArwgsU","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-26T02:31:04.760Z","updatedAt":"2026-04-23T09:22:46.477Z","publishedAt":"2026-04-07T08:33:34.411Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intelligent-message-802555.framer.app/","price":"4","paymentUrl":"https://mstudiofun.gumroad.com/l/bbdpa","workshop":true,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"Qcgq8WoUF1aOSsGdBFi0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-07T08:33:34.411Z","updatedAt":"2026-04-07T08:33:34.411Z"},{"id":"019d2e93-217b-7392-a426-e08165f339f1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"v5L7bg2U19rEi1BvxEqO","resolved":true,"title":"Interactive Billing","body":"$6f","bodyJson":null,"introduction":"Turn static quotes into high converting","slug":"interactive-billing","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/v5L7bg2U19rEi1BvxEqO/interactive-billing-qqfBXwYE8qKYi80kc82YZC5L4Lgje6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-15T07:45:43.149Z","updatedAt":"2026-03-27T09:03:35.722Z","publishedAt":"2026-03-27T09:14:47.547Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shaggy-technology-834848.framer.app/","price":"5","paymentUrl":"https://mstudiofun.gumroad.com/l/pzhof","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"BMpq5b02VKY6zsemBkvq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-27T09:14:47.547Z","updatedAt":"2026-03-27T09:14:47.547Z"},{"id":"019d2493-f4a4-7932-938d-762d33ff013d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ofia05JydhC7H0SoIanS","resolved":true,"title":"Text DotMatrix","body":"$70","bodyJson":null,"introduction":"Canvas-Based LED Text Simulation","slug":"text-dotmatrix","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ofia05JydhC7H0SoIanS/dot-matrix-text-uTUiNAe7tqOm0vIVeleHaDZ6HTXJH3","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-12T04:00:11.934Z","updatedAt":"2026-05-08T14:19:43.412Z","publishedAt":"2026-03-25T10:39:29.444Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/TextDotMatrix-eQMEWM.js@cFoRHBWEm5Pgg425uRlG","previewUrl":"https://slight-operation-278072.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"cFoRHBWEm5Pgg425uRlG","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-03-25T10:39:29.444Z","updatedAt":"2026-03-25T10:39:29.444Z"},{"id":"019d1ef5-df9f-75ff-bac5-5ea96779d628","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GAx9Lqy8j3MWvlWaPEiO","resolved":true,"title":"Badge Reveal","body":"$71","bodyJson":null,"introduction":"Reveal Pop up with magnetic Hover","slug":"badge-reveal","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GAx9Lqy8j3MWvlWaPEiO/badge-reveal-aTLelQ6o9jtMwfeM7WYC4a0M9JhuTu","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-11T06:12:58.804Z","updatedAt":"2026-03-24T08:23:59.612Z","publishedAt":"2026-03-24T08:28:43.295Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://enchanting-seat-749021.framer.app/","price":"4","paymentUrl":"https://mstudiofun.gumroad.com/l/ecrtns","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"wPrgxnUxNAOtOEkK0sTv","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-24T08:28:43.295Z","updatedAt":"2026-03-24T08:28:43.295Z"},{"id":"019cc520-0298-7cd0-b766-dce6887d7aed","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jnsTezPNHdsp1aL9ALp2","resolved":true,"title":"Tier Pricing Calc","body":"$72","bodyJson":null,"introduction":"tiered pricing calculator for SaaS","slug":"tier-pricing-calc","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/jnsTezPNHdsp1aL9ALp2/tier-pricing-calc-CWZsWHi1AvWcnl9x8byTdOEdZSmEIG","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-28T08:48:18.332Z","updatedAt":"2026-03-27T02:12:50.227Z","publishedAt":"2026-03-06T21:48:55.320Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bulky-thanks-495830.framer.app/","price":"5","paymentUrl":"https://mstudiofun.gumroad.com/l/oxnkc","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"f1A4925Vm6r9xtHmWLuT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-06T21:48:55.320Z","updatedAt":"2026-03-06T21:48:55.320Z"},{"id":"019cb8d2-bf2f-7d14-9312-6caf72f85627","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"i3KvumcqLSetCD2H4GC1","resolved":true,"title":"SaaS Chart Kit","body":"$73","bodyJson":null,"introduction":"Interactive SaaS Chart Kit","slug":"saas-chart-kit","author":{"framerUserId":"a03527a0-fa43-4cb5-b634-8d62c8c90524","name":"Agung M","slug":"agung-m","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1460185/avatar-k0KI86BcgF0gg3KLfLfSTRsc3n2sPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i3KvumcqLSetCD2H4GC1/saas-chart-kit-9J8DQYvYe2DjuAXPFvYHVjM07Vrtr7","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-27T06:21:29.025Z","updatedAt":"2026-05-28T09:32:18.145Z","publishedAt":"2026-03-04T12:29:05.199Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/SaaSChartKit-7dtjmx.js@A3zZbzPuOX4s5oZdlqqu","previewUrl":"https://witty-companies-146226.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"A3zZbzPuOX4s5oZdlqqu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-04T12:29:05.199Z","updatedAt":"2026-03-04T12:29:05.199Z"}],"pagination":{"next":"MDE5Y2I4ZDItYmYyZi03ZDE0LTkzMTItNmNhZjcyZjg1NjI3","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L74"}]