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

Bring any Framer project to life. This component captures live microphone input and animates it as elegant radial bars around a clean circle — reacting instantly to your voice, music, or ambient sound.

Built for designers who care about craft. Every detail is considered: bars fade in gracefully at silence, pulse expressively at peak volume, and smooth out jittery motion so the animation always feels fluid, never mechanical.

What's included:

Real-time microphone input via the Web Audio API
Circular radial bar layout with rounded line caps
Fully adjustable bar count, min/max height, and smoothing
Color controls for bars, ring, and background
Animated "listening..." label with toggleable text
Marketplace-safe static preview with a "Try it live" link
Centered layout — works in any frame size out of the box

Perfect for portfolio sites, creative agencies, voice interfaces, music apps, interactive installations, and any project that deserves more than a static page.

53:T486,

Most chart components make you choose between looking good and being easy to use. This one does both. All six slices are configurable from the properties panel — just type a label and a value, and the chart updates live. Hover over any slice to highlight it with a soft glow and see its percentage surface in the center. Click to lock the selection. A native Framer font picker means your typography stays consistent with the rest of your project, and a background color control lets you match any palette without touching a line of code.

Under the hood, it is pure React and SVG — no Chart.js, no D3, no external dependencies that could break between Framer updates. The entry animation uses a cubic easing curve so slices arc in with the kind of weight that feels intentional, not generic. A fine noise texture sits over the background, adding the tactile depth that separates components people notice from ones they forget.

Built for SaaS dashboards, fintech interfaces, pitch decks, marketing landing pages, and any project where data needs to look as considered as the design around it. Drop it in, fill in your numbers, and ship.

54:T510,

DotCalendar turns an abstract concept — how much time is left — into something you can actually see at a glance. Most people underestimate how fast a year or month passes because there is no visual reference point (a fixed anchor for comparison). This component solves that.

Each dot represents one day. Past days appear faded. Remaining days stay solid. The result is an honest, immediate picture of where you stand in time — no numbers, no labels, no noise.

It is particularly useful for:

Portfolio & personal sites — as a subtle, distinctive (memorable and unlike anything else) widget that reflects intentionality
Dashboard layouts — as a utility block that adds context without consuming space
Productivity tools — to keep users aware of deadlines at a macro level
Year-in-review pages — as a visual anchor for progress

It is fully adjustable from Framer's Properties Panel — dot size, gap, colors, background, and year or month view — making it adaptable (easily adjusted to fit different needs) to any project without touching the code.

55:T52a,

Turn any photo into a living, interactive piece of design. On hover, your image crossfades into a halftone dot-art rendition — the same technique used in editorial print design and concert posters — rendered in real time directly in the browser.

What makes it different from a CSS filter: Most hover effects simply darken or blur the image. HalftoneHover actually reads each pixel's brightness and draws a proportionally sized dot in its place. Bright areas produce large dots; shadow areas produce finer ones. Facial contours and texture survive the transformation because shadows are never allowed to disappear completely — a technique called luminance lifting.

What you get:

Drop-in Framer code component, no custom code on your end
Connect any image via Framer's native image picker — drag and drop
Fully responsive — fills whatever frame you place it in
6 visual controls in the properties panel: dot spacing, dot color, background color, minimum dot size, fade duration, and corner radius
Smooth opacity crossfade on hover and mouse leave
Instant rendering — image is downsampled before processing so there is no visible delay

56:T516,

Most 404 pages are an afterthought — a plain number on a blank screen that quietly kills the experience. This one turns a dead end into a moment. Hundreds of tiny square pixels form the "404" in a retro bitmap style, each one independently animated with a slow, organic breathing rhythm that never feels mechanical or distracting.

The real magic is the color slider. Drag it across a full spectrum — violet, blue, teal, green, yellow, orange, red, pink — and every pixel on screen shifts instantly. The glow on the slider, the button border, the label text: everything reacts together. It takes seconds to match any brand palette.

What you get out of the box

Pixel-dense animated 404 built entirely on canvas — no SVGs, no heavy libraries
Smooth slow-breathing animation with zero flicker, zero layout jank
Full-spectrum color slider with live preview across all elements
"Go to Home" button with a configurable URL set directly from Framer's property panel — no code edits needed
Sharp, no-radius aesthetic that fits brutalist, editorial, and minimal design systems equally well
Fully responsive — rebuilds the pixel grid at any canvas size automatically

57:T570,

What it does LogoPreloader covers your page on load, animates your logo in with a smooth upward fade, holds it center-stage while a hairline progress bar sweeps the bottom edge, then dissolves everything in a signature blur-scale exit — revealing your site underneath.

What's included Drop in your own PNG logo via Framer's native Image picker. No code editing required. An optional text block lets you pair a wordmark or tagline below the image. Every visual detail — accent color, background, image dimensions, and display duration — is controllable straight from the properties panel.

Built for professionals Designed for agency sites, portfolios, and product launches where the first second matters. The animation sequence is hand-tuned with custom cubic-bezier curves for an entrance that feels intentional, not canned. The blur-out exit is the kind of detail clients notice without knowing why.

Property controls — Logo Image (PNG, any size) — Image Width & Height — Show Text toggle (optional wordmark + subtext) — Accent Color — Background Color — Duration (1200ms – 6000ms)

Setup in 60 seconds Add the component to your page → connect your logo PNG → publish. Works as a page overlay or fixed layer. No dependencies, no external libraries.

58:T598,

Preloader – Animated Progress Bar for Framer

Add a professional loading screen to your Framer project in seconds. This code component displays a smooth animated progress bar paired with a live percentage counter, giving users clear visual feedback while your site or app loads.

Built for designers who care about the details — every visual element is adjustable directly from Framer's property panel. No code needed.

KEY FEATURES

- 6 line styles: Sharp, Pill, Dashed, Dotted, Glow, Pulse

- Adjustable duration from 0.5s to 15s

- Full color control: background, bar, and text independently

- Adjustable bar thickness (1–12px)

- Toggle percentage number and label on/off

- Custom label text

- onComplete event handler to trigger next actions

- Fades out automatically when 100% is reached

PROPERTY CONTROLS

All settings are exposed in Framer's right panel — duration, colors, line style, thickness, font size, and visibility toggles. No overrides required.

USE CASES

- Website and app loading screens

- Page transition overlays

- Portfolio and agency sites

- SaaS dashboards and onboarding flows

COMPATIBILITY

Works with any Framer project. Drag onto the canvas, resize to full screen, and configure from the panel. Connect the onComplete event to navigate to your main page or trigger an animation.

59:Ta55,

Transform your website’s 404 error page into an engaging, interactive experience with this premium Snake Game component built for Framer. Instead of showing a dead-end page that loses visitors, this component turns the moment into a playful, memorable interaction that keeps users engaged.

At the center of a bold, minimalist 404 layout sits a fully playable Snake game, inspired by classic arcade design but reimagined for modern web experiences. The large “4 0 4” structure frames the gameplay, creating a strong visual hierarchy where the game becomes the focal point of attention.

This component is not just decorative—it is fully functional and built with real gameplay mechanics including movement, collision detection, score tracking, and restart functionality. Every interaction is smooth and responsive, ensuring a polished experience across desktop and mobile devices.

Designed for creators, agencies, and startups, this component helps increase user engagement by turning frustrating error moments into playful experiences. Instead of leaving your site, users stay longer, interact more, and remember your brand.

With Framer’s property controls, you can easily customize gameplay speed, grid size, and homepage redirect link without touching code. The design is fully responsive, lightweight, and optimized for performance, ensuring it integrates seamlessly into any modern website.

The aesthetic focuses on a dark cinematic theme with soft glow effects, subtle animations, and minimal UI elements. The design balances nostalgia and modern UI principles, making it suitable for portfolios, SaaS platforms, creative agencies, and experimental web projects.

Key Highlights

Fully playable Snake game embedded in 404 layout
Clean, modern, and minimalist design system
Smooth keyboard controls with responsive gameplay
Real-time collision detection and scoring system
Instant restart functionality after game over
Customizable speed and grid settings via Framer panel
Editable homepage redirect link
Mobile and desktop optimized controls
Lightweight and performance-focused implementation
Designed to reduce bounce rate on 404 pages
Enhances user engagement with interactive experience
Perfect for portfolios, SaaS sites, and agencies.

5a:Tbcd,

This component is a high-end interactive background system designed for modern websites that demand both visual elegance and smooth motion behavior. Built using React and Framer Motion, it blends mathematical precision with fluid animation to create a unique, premium user experience.

Ideal for:

Landing pages
Portfolio websites
SaaS hero sections
Creative agency designs

Core Features

1. Fully Responsive Layout

Designed with a 100% flexible container to support Framer’s Fill mode
Inner compass scales proportionally using maxWidth: 90%
Prevents clipping or overflow on smaller devices
Looks perfect across desktop, tablet, and mobile

2. Dynamic Geometry System

All visual elements are mathematically generated
Controlled via a single compassSize property:
- Tick marks spacing
- Needle length
- Gemstone size
Ensures consistent proportions at any size

3. Interactive Motion Engine

Built using:
- useMotionValue
- useSpring
Creates smooth, physics-based animations
Compass needle:
- Reacts to cursor movement
- Feels natural and responsive
Adds depth and interactivity to static layouts

4. Advanced Customization (Framer Controls)

Easily customizable directly inside Framer—no coding required:

Background color
Gradient overlays
Vignette intensity
Texture density
Compass size
Needle behavior
Cardinal direction labels (toggle on/off)

Perfect for designers who want full creative control without dev work

5. High-Performance Rendering

Optimized SVG with viewBox scaling
Ensures:
- Sharp visuals on all screen sizes
- Minimal performance impact
Lightweight and efficient for production use

Use Cases

Premium landing pages
Hero sections with motion
Portfolio showcases
Tech / SaaS branding
Luxury or minimal UI design systems

Why This Component Stands Out

Combines design + interaction + math-based precision
Built specifically for Framer workflows
Requires zero external dependencies
Delivers a high-end, polished feel instantly

5b:T6c0,

Overview

A powerful and flexible invoice generator designed for freelancers, agencies, and businesses. Easily create clean, professional invoices directly inside Framer with real-time editing and automatic calculations.

Fully Responsive Design

Works seamlessly on mobile, tablet, and desktop
Adaptive layout for all screen sizes
Scrollable tables for smaller screens
Clean spacing and readable typography

Smart Invoice System

Add, edit, and remove line items
Automatic subtotal and total calculation
Real-time updates while editing
Clean and structured invoice layout

Customizable UI

Change accent color easily
Supports multiple currencies (USD, EUR, GBP, INR, NPR)
Editable fields (client info, items, pricing)
Ready for branding integration

Built for Performance

Lightweight and fast
Smooth user experience
No unnecessary complexity
Optimized for Framer projects

Export Ready

Print-friendly layout
Perfect for exporting as PDF
Clean formatting for client sharing

Perfect For

Freelancers
Designers
Agencies
Developers
Small businesses

Why This Component?

Saves time creating invoices
Improves professionalism
Works directly inside Framer
Ready to use with no setup required

5c:T78d,

Variable Font Animator is a highly interactive Framer component that demonstrates the expressive potential of variable fonts through smooth hover animations.

What it does:

Displays a 4-line paragraph using Roboto Flex (a powerful variable font from Google Fonts).
On hover, each line independently animates between two font states:
- From (resting state): Light, upright, wide, small optical size
- To (hover state): Bold, slanted, condensed, large optical size
All four variable font axes are animated simultaneously:
- wght (Weight) — 100 to 900
- slnt (Slant) — 0 to -10
- wdth (Width) — 25 to 151
- opsz (Optical Size) — 8 to 144

Key Features:

Fully customizable via Framer’s property panel
Smooth transitions powered by Framer Motion
Choose from 8 different easing curves (linear, easeOut, circIn, backOut, etc.)
Adjustable duration (0.05s to 3s)
Built-in dark/light mode toggle
Custom accent color
Real-time axis value display at the bottom showing before → after values
Each line can be edited individually

Perfect for:

Showcasing variable font capabilities
Typography experiments and micro-interactions
Portfolio hero sections
Design system demonstrations
Creative landing pages

5d:T9b4,

Real-Time Audio Visualizer for Framer

Bring your designs to life with a high-performance audio-reactive waveform visualizer. This component captures live microphone input and transforms it into a smooth, glowing waveform with a premium cinematic feel.

Designed for modern UI/UX, it blends perfectly into dark interfaces, music platforms, portfolios, and interactive landing pages.

Key Features

Auto Microphone Activation

Starts automatically on load
No setup required
Seamless real-time audio input

Smooth Waveform Animation

Fluid, high-resolution waveform rendering
Optimized smoothing for clean motion
Real-time amplitude response

Glow + Depth Effects

Subtle glow layer for premium feel
Dual-layer rendering (wave + glow)
Enhanced visual depth and clarity

Cinematic Edge Fade

Dark gradient fade on left and right
Blends naturally into any background
Creates immersive, focused visuals

Customizable Controls Panel

Toggle visualizer control button
Show/hide grid background
Adjust colors and opacity
Enable/disable idle animation

Fully Customizable Design

Wave color
Glow color
Background color
Grid opacity

Performance Optimized

Uses efficient Canvas rendering
Smooth animation at 60fps
Lightweight and fast

Perfect For

Music apps & audio tools
Portfolio websites
Creative landing pages
Hero sections with interaction
Streaming or podcast UI
Experimental UI/UX designs

Why This Component Stands Out

Minimal yet visually striking
Plug-and-play (no setup friction)
Designed for modern dark UI trends
Marketplace-ready quality
Built specifically for Framer workflows.

5e:T66b,

Two Time Modes Switch between live real-time tracking with smooth 50ms hand movement, and a custom start time that ticks forward from any hour, minute, and second you define — all from the property panel, no code touched.

Fully Themeable Three color pickers — face, hand, and accent — give you complete control over the look. Go stark black and white, match your brand palette, or push it into warm gold-on-charcoal territory. The component is built to adapt.

Crisp at Any Size Drawn entirely in SVG, Meridian scales perfectly from a compact widget to a full-screen hero element without a single blurry edge.

Layered Ambient Detail Two counter-rotating dashed rings, a slow pulsing glow, fine tick marks, and subtle crosshair accents build a sense of depth and quiet motion behind the hands — giving the face life even when nothing is being read.

Toggleable Elements Flip the second hand and digital readout on or off with a single switch. Keep it minimal for editorial layouts, or show everything for dashboard and utility use cases.

Zero Configuration Pure React and inline SVG. No external libraries, no font imports, no setup steps. Drop it onto the canvas and it runs immediately.

Property Controls

Custom time toggle
Hours / Minutes / Seconds (visible when custom time is on)
Second hand on/off
Digital readout on/off
Face color
Hand color
Accent color.

5f:Ta0c,

The ImageReveal Pro is a visually striking Framer component that turns static images into immersive, interactive experiences. On hover or in auto mode, a dynamic spotlight smoothly reveals the image, while the surrounding area stays dark and blurred. A soft glow and subtle ring effect enhance depth and visual focus, creating a cinematic, premium feel. Perfect for portfolios, hero sections, product showcases, and storytelling layouts, this component delivers high-end interactivity with minimal setup.

Interactive Spotlight Effects

Dynamic radial reveal that follows cursor movement for an engaging, attention-guiding effect.
Cinematic foreground blur keeps unrevealed areas dark, directing focus naturally.
Glow aura and ring that subtly highlights the revealed area, enhancing depth.
Auto animation mode for passive storytelling or continuous motion on landing pages.
Smooth physics-based animation using requestAnimationFrame for seamless performance.

Customizable Design Controls

The ImageReveal Pro includes full Framer property controls, letting you tailor it to your brand or style. Customize:

Image – Upload any photo or graphic to be revealed.
Glow colors – Set primary and secondary glow hues for visual accent.
Blur intensity – Control how dark or diffused the foreground appears.
Reveal size – Adjust the spotlight radius.
Softness – Define how gradual the reveal fades.
Speed – Control how quickly the spotlight follows the cursor.
Trigger mode – Choose between hover interaction or automatic loop.

How It Works

The component tracks the cursor position (or auto loop) to calculate the reveal center. A radial gradient mask hides the unrevealed portion, while the foreground remains dark and blurred. The glow and ring dynamically update to follow the spotlight, producing a realistic cinematic effect. On cursor leave, the reveal fades smoothly back to a neutral, fully dark state.

Perfect For

Portfolio hero sections
Product image showcases
Case study or storytelling layouts
Interactive landing pages.

60:T912,

Overview

Hero Orbit is a premium interactive component designed to create a visually rich, circular image experience. It combines smooth motion, depth effects, and user interaction to transform static layouts into engaging hero sections.

Core Experience

Circular orbit layout with perfectly balanced spacing
Smooth, continuous rotation for a cinematic feel
Clean and consistent image sizing for a polished UI
Subtle tilt and scale variations for visual rhythm

Depth & Motion System

Dynamic depth effect using scale + blur
Foreground images appear sharper and slightly larger
Background images softly blur for a natural 3D illusion
Smooth easing ensures motion feels fluid, not mechanical

Interaction

Hover to pause animation for better focus
Drag to rotate the orbit manually
Inertia-based motion for a realistic, tactile feel
Responsive interaction that enhances user engagement

Center Card

Acts as a visual anchor within the orbit
Ideal for:
- Upload actions
- Call-to-action buttons
- Highlighted content
Keeps layout structured while motion happens around it

Customization

Adjustable orbit radius
Control rotation speed
Light and dark theme support
Replace images بسهولة inside Framer
Toggle center card visibility

Performance & Design Quality

Optimized for smooth rendering and performance
Maintains layout consistency across screen sizes
Designed with modern SaaS and portfolio standards in mind

Best Use Cases

SaaS landing pages
Portfolio hero sections
AI / creative tools
Image-driven platforms
Product showcases

61:T6ee,

MeltReveal is a high-performance interactive text effect that simulates a fluid glass reveal on hover or auto mode. Designed for modern hero sections, portfolios, and landing pages, it combines smooth motion, soft blur, and dynamic glow to instantly elevate your UI.

No code required — fully customizable inside Framer.

DETAILS (this is what sells)

Features

Interactive glass reveal effect
Smooth melt + freeze animation
Glow-based accent text styling
Built-in particle system (None / Soft / Intense)
Hover and auto animation modes
Fully responsive and performance optimized

Customization

Easily control every aspect of the effect:

Headline & Accent Text
Primary & Secondary Glow colors
Blur Strength & Reveal Size
Edge Softness for smooth transitions
Melt & Freeze speed
Particle intensity
Trigger mode (Hover / Auto)

Perfect For

Hero sections
Portfolio websites
Creative agencies
SaaS landing pages
Personal branding

How It Works

The component creates a dynamic masked blur layer that reacts to cursor movement or automated motion. This reveals the text beneath with a soft glass-like transition, enhanced by glow gradients and subtle particles.

Why This Component

Most text effects feel static or overdesigned.

MeltReveal focuses on:

Smooth interaction
Minimal but premium visuals
Real usability in production websites.

62:T7b9,

About this Component

Bring motion and depth to your website with this interactive ripple grid background for Framer. The grid is rendered directly on canvas and animated using a sine-wave distortion system, creating a smooth organic warp effect instead of a static overlay.

Each ripple behaves like a physical wave expanding across the grid. When users click or move their cursor, waves propagate outward and interact with the grid lines, creating beautiful interference patterns. Multiple ripples can exist at the same time, producing layered motion while remaining optimized for performance.

As ripples travel through the grid, nearby lines glow dynamically. Colors interpolate between the base line color and the glow color while the wave crest increases blur intensity, producing a luminous ripple effect that feels responsive and alive.

To enhance visual depth, the component also includes cinematic vignette and edge fade layers. The vignette gently darkens the corners, while the edge fade blends the grid smoothly into the background color on all sides.

All visual and interaction behaviors are fully customizable through property controls, making it easy to adapt the component for different design styles and layouts.

Features

• Canvas-rendered grid with organic sine-wave distortion• Interactive ripple waves triggered by mouse or clicks• Multiple ripple interference patterns• Dynamic glow effect along ripple wavefronts• Mouse proximity glow halo• Cinematic vignette corner shading• Edge fade blending into background• Performance-optimized ripple system (up to 12 active waves)

Customization Controls

This component exposes adjustable properties, allowing full control over visuals and interactions.

Perfect For

• Portfolio hero sections• Tech startup websites• Creative agency landing pages• Futuristic UI designs• Interactive backgrounds

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-63236348-0a2a-46a1-a8b4-336d7528c9a7-all:/unified/creator/63236348-0a2a-46a1-a8b4-336d7528c9a7/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:63236348-0a2a-46a1-a8b4-336d7528c9a7:/unified/posts/?creator=63236348-0a2a-46a1-a8b4-336d7528c9a7&with=reposts":[{"data":[{"id":"019eb79f-a618-7bdc-a4eb-a36a4a2a7e1e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ct8s061hmcBiNoTgE27x","resolved":true,"title":"Circular Audio","body":"$52","bodyJson":null,"introduction":"Circular mic visualizer for Framer","slug":"circular-audio","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ct8s061hmcBiNoTgE27x/circular-audio-KbExwPvcwB9U6ac3NKEWsD0Wd4K0vD","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-16T06:09:26.181Z","updatedAt":"2026-06-11T13:45:36.075Z","publishedAt":"2026-06-11T16:59:13.816Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://empathetic-kangaroo-568156.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_4P4b3UrUNGvn3xdJAed6Ich3fRvHEkJth9IcZ1ZDEA8","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"DUBxJbMZAae9ZN685pLJ","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-11T16:59:13.816Z","updatedAt":"2026-06-11T16:59:13.816Z"},{"id":"019eb235-97b4-7f1f-a098-9064b71d9985","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xSxI32eIPHs46RCDMWld","resolved":true,"title":"DottedWorldMap","body":"

Details Dotted World Map is a Framer code component that renders a geographically accurate world map as a soft dot grid on a dark background. Continent boundaries are derived from real world topology data, so every shape is precise — not hand-drawn or approximated.

Hovering a continent fades its dots up smoothly and sends a quiet ripple wave across the landmass. All transitions use linear interpolation for a calm, flicker-free feel. The animation is intentionally subtle — it adds life without distracting from your content.

What's included:

Single .tsx file, paste-and-use in Framer
6 property controls: dot spacing, dot size, background color, base opacity, hover opacity, ripple duration
Works as a full-page background or section background
Dark navy default — pairs well with light-colored text layers on top

","bodyJson":null,"introduction":"Interactive dotted world map background","slug":"dottedworldmap","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xSxI32eIPHs46RCDMWld/dottedworldmap-OMBP3gWViNLjAjaNjV9mbOO2YbG7Be","metadata":{"tint":{"h":210,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-06T03:17:17.225Z","updatedAt":"2026-06-10T10:19:37.732Z","publishedAt":"2026-06-10T15:45:17.236Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://main-career-794139.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_SFPEmpWpsrw0UpiFjQltqck2MTp5MpNUUpPYe4cXzsQ","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"y2Nr8jDKoDPzU73hGDlu","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-06-10T15:45:17.236Z","updatedAt":"2026-06-10T15:45:17.236Z"},{"id":"019e9db9-0186-76e7-b258-08370ab9dca4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xlcGDI9Q96gIjtrTrstF","resolved":true,"title":"PremiumDonutChart","body":"$53","bodyJson":null,"introduction":"The donut chart Framer deserves.","slug":"premiumdonutchart","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xlcGDI9Q96gIjtrTrstF/premiumdonutchart-w1IXoFFeYBPL4ZaSTpq0n7YrxKVWlT","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-01T05:56:51.005Z","updatedAt":"2026-06-05T16:25:59.543Z","publishedAt":"2026-06-06T16:16:48.006Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spinning-sphere-356255.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_8VMi67J6CQHE2QLQwGjcm3KntL2ydlsbvuZ971nGart","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"RQrz0duKzfsF9Iztqq6E","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-06T16:16:48.006Z","updatedAt":"2026-06-06T16:16:48.006Z"},{"id":"019e9ad7-2e6e-7da4-a79c-1083533ac58d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qqiMkT3fRxs5k36Lpuzs","resolved":true,"title":"DotCalendar","body":"$54","bodyJson":null,"introduction":"See your year. One dot at a time.","slug":"dotcalendar","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qqiMkT3fRxs5k36Lpuzs/dotcalendar-1gE6WtqAKtZaoch2s9pJPAQErbIE0S","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-30T05:25:03.207Z","updatedAt":"2026-06-05T16:25:58.386Z","publishedAt":"2026-06-06T02:50:53.934Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://grey-style-163363.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_jPkp4dv1pIPlWiUd7wE94XmmWWYxBlvEwBCEU3X2j4P","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"5NwOJw9YDCCE8UuECARd","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-06-06T02:50:53.934Z","updatedAt":"2026-06-06T02:50:53.934Z"},{"id":"019e989c-8767-7186-a64f-6c8275cbd933","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xDaeFCGW9nF3xfn0kAHX","resolved":true,"title":"HalftoneHover","body":"$55","bodyJson":null,"introduction":"Photo-to-halftone hover. No code needed.","slug":"halftonehover","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xDaeFCGW9nF3xfn0kAHX/halftonehover-omEFem4fb682JoudjbKL1tYZi4XKdG","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-31T06:58:04.177Z","updatedAt":"2026-06-05T16:25:56.690Z","publishedAt":"2026-06-05T16:27:35.655Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sociable-tests-375404.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_SWKsqr54vjNiyG3o74c1RgTpJRqsI2XuEnXwV0tsbm3","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"kTsUsDYp3vcReoZ8gARC","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-06-05T16:27:35.655Z","updatedAt":"2026-06-05T16:27:35.655Z"},{"id":"019e7955-7bf8-7ac0-8faa-095ebfd8cf22","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"QGOLQdUXxPvvZOnAn0u7","resolved":true,"title":"Color404Notfound","body":"$56","bodyJson":null,"introduction":"Animated 404 page with live color contro","slug":"color404notfound","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/QGOLQdUXxPvvZOnAn0u7/color404notfound-TYeoLKbuncQogZ4e7RkNvObiVxWCR1","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-25T04:43:16.276Z","updatedAt":"2026-05-30T14:08:45.855Z","publishedAt":"2026-05-30T14:41:45.976Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://weekly-topic-571994.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_Pf7t2rK4pkJMSHAj37hq4HNgC7jQiY4QHO2tE1PzP3Z","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ywWE0a2RgDDU2rcRE6E1","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-30T14:41:45.976Z","updatedAt":"2026-05-30T14:41:45.976Z"},{"id":"019e695c-d48d-7196-9713-6f67ab821365","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"IrM2ZJa1xiHdR9Ae4kYS","resolved":true,"title":"loaderlogo","body":"$57","bodyJson":null,"introduction":"First impressions load in under 3 second","slug":"loaderlogo","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IrM2ZJa1xiHdR9Ae4kYS/loaderlogo-3srGUoI882dmuUV9HPVCIvcvRpAjEe","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-16T07:27:36.985Z","updatedAt":"2026-05-27T08:03:10.597Z","publishedAt":"2026-05-27T12:15:51.949Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://giant-status-438338.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_3vjVLOBuGSTV4su8T53XRnXQzWPC0wZ5Zbs2B3ex3Bt","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"3qoar8pG5mcsRJ2WXr2B","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-27T12:15:51.949Z","updatedAt":"2026-05-27T12:15:51.949Z"},{"id":"019e67b9-50a0-7500-a86b-f5ae7173039a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3PoIszOdlDRnS0DBxUXA","resolved":true,"title":"AnimatedPreloader","body":"$58","bodyJson":null,"introduction":"Preloader with animated progress bar","slug":"animatedpreloader","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3PoIszOdlDRnS0DBxUXA/animatedpreloader-O2CXLTynKykdJ2troJFheB5AcNEkql","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-18T05:13:55.817Z","updatedAt":"2026-05-26T15:22:26.213Z","publishedAt":"2026-05-27T04:37:38.592Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pioneering-pictogram-111509.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_hWHO5zAyh2h4U7eS1JdpTCReNyFbH5YwJyfuV3eq7TA","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"rDAs393ZONNdT1xhai5A","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-27T04:37:38.592Z","updatedAt":"2026-05-27T04:37:38.592Z"},{"id":"019dd281-d42b-7320-a0c5-b340cff6b926","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wlhLiT6x2E5S2j6xRMfb","resolved":true,"title":"SnakeGame404","body":"$59","bodyJson":null,"introduction":"Interactive Snake Game 404 Page","slug":"snakegame404","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wlhLiT6x2E5S2j6xRMfb/snakegame404-xgjbGfChoJBFgD23PNDcvhG6Tzdhdw","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-11T07:36:29.474Z","updatedAt":"2026-06-08T15:30:31.491Z","publishedAt":"2026-04-28T05:13:37.067Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intellectual-truly-991188.framer.app/","price":"1","paymentUrl":"https://buy.polar.sh/polar_cl_jBJtw1Rem9PioYvsTFuQGh8ha10giswpO7gMw0bsGUf","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"ISeFUHiTPuxhCWXTznop","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-04-28T05:13:37.067Z","updatedAt":"2026-04-28T05:13:37.067Z"},{"id":"019dce96-1134-7648-8204-7347cdff7d81","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RfEEnqkyRxFiDW30n5uO","resolved":true,"title":"CompassBackground","body":"$5a","bodyJson":null,"introduction":"Luxury Compass Background Motion UI","slug":"compassbackground","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RfEEnqkyRxFiDW30n5uO/compassbackground-JygZBSzo6C6b0VPoVSciNtaYuqdD5O","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-10T18:08:41.834Z","updatedAt":"2026-05-25T03:01:01.107Z","publishedAt":"2026-04-27T10:57:14.548Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://olive-lemur-570661.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_tuHFPMV1olRKEVDGImCESaDZvj57YG74LaMga355nw2","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"i5qwReZf9999F3faXk16","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-27T10:57:14.548Z","updatedAt":"2026-04-27T10:57:14.548Z"},{"id":"019dc022-3f53-71c4-9d9e-b72b63545d40","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wxZnqHr2P7v3WIUXPtI3","resolved":true,"title":"InvoiceGenerator","body":"$5b","bodyJson":null,"introduction":"Smart invoice generator for Framer apps","slug":"invoicegenerator","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wxZnqHr2P7v3WIUXPtI3/invoicegenerator-2rkMYAJIVqmLMDbdyAPqGaxD3Td2dX","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-08T05:37:48.463Z","updatedAt":"2026-04-23T13:59:38.778Z","publishedAt":"2026-04-24T15:36:03.155Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://careful-adapts-900812.framer.app/","price":"3","paymentUrl":"https://buy.polar.sh/polar_cl_sRD8DXiQpH7JpCfSzywP7XJ1PGZ95OiyD3MIt2FnbHa","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"LBFvCJHJYSt0rYJht7Bm","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-24T15:36:03.155Z","updatedAt":"2026-04-24T15:36:03.155Z"},{"id":"019dbab1-932e-7795-832e-09e098f794a9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Hr7f9rogBDTgNyJWvlX9","resolved":true,"title":"VariableFontAnimator","body":"$5c","bodyJson":null,"introduction":"Variable font field that reacts on hover","slug":"variablefontanimator","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Hr7f9rogBDTgNyJWvlX9/variablefontanimator-7uhVJBcFCGyxj7xgdKBcUVbGRjcFyg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-08T17:13:53.772Z","updatedAt":"2026-04-23T13:49:14.734Z","publishedAt":"2026-04-23T14:14:52.974Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ambitious-party-269938.framer.app/","price":"1","paymentUrl":"https://buy.polar.sh/polar_cl_hcdD9gDagLAayhOttKH42fPWthEftKNMnsw8s3DsK2r","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"N9xYkvuOPL59CaFR4hpI","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-23T14:14:52.974Z","updatedAt":"2026-04-23T14:14:52.974Z"},{"id":"019db474-de76-73b7-b383-f75552dd9eb5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"rpGFQyk811MeazsbQaqX","resolved":true,"title":"SoundVisualizer","body":"$5d","bodyJson":null,"introduction":"Audio Reactive Wave Visualizer UI","slug":"soundvisualizer","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rpGFQyk811MeazsbQaqX/soundvisualizer-IznJVOrkW74B63AMomqSDrwKn7znnB","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-07T16:24:34.423Z","updatedAt":"2026-06-01T05:17:30.022Z","publishedAt":"2026-04-22T09:10:51.254Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-reason-877032.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_ZA0N1xuLLzMNVXuH0HG9KAp8iFQA2pg25Tajm4dL32h","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"ay5E7pDgJZ0XJlvja2Hq","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-04-22T09:10:51.254Z","updatedAt":"2026-04-22T09:10:51.254Z"},{"id":"019d9025-c889-7cb1-b935-28a126f37bd4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Rk5hQSAZQaYW9QfBHRdR","resolved":true,"title":"ChronosClock","body":"$5e","bodyJson":null,"introduction":"Precision ChronosClock for Framer.","slug":"chronosclock","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Rk5hQSAZQaYW9QfBHRdR/chronosclock-Yehx377FcYYfTBi3epYuVrWKeIAk58","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-04T17:00:51.876Z","updatedAt":"2026-06-07T02:44:42.917Z","publishedAt":"2026-04-15T07:58:08.521Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://exciting-effect-552506.framer.app/","price":"2","paymentUrl":"https://buy.polar.sh/polar_cl_tEnw6bxRWiBGDricezgFHTJigxNenTsys7iNi0PkYpU","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"EDwo3Ukc6jOCuavdGJ2D","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-15T07:58:08.521Z","updatedAt":"2026-04-15T07:58:08.521Z"},{"id":"019d8c59-9d0b-70f7-92a9-23d1dea37079","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"OpPdBzMK9vnxFyD1jaOs","resolved":true,"title":"ImageRevealPro","body":"$5f","bodyJson":null,"introduction":"ImageReveal Pro – Interactive Spotlight ","slug":"imagerevealpro","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OpPdBzMK9vnxFyD1jaOs/imagerevealpro-9DAqblrlKO1BXfAWpS2BVjHywjZWh0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-02T16:03:56.345Z","updatedAt":"2026-06-05T02:26:39.616Z","publishedAt":"2026-04-14T14:16:16.395Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://illuminated-light-274502.framer.app/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_zuqsa3OWlMf1KZEe1oGu46BMUyjh7cCbWe7uj4M7Cwi","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"1BCE0ghK5o1nSYLGis6V","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-14T14:16:16.395Z","updatedAt":"2026-04-14T14:16:16.395Z"},{"id":"019d7857-5414-7539-a17b-bdc1a3830cd0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"G4Nfd0AnwSkYnXuHcQov","resolved":true,"title":"Hero","body":"$60","bodyJson":null,"introduction":"Interactive 3D Image Orbit Motion","slug":"hero","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Yqck4F15JjwAhfEVUu0Y/hero-7Q3Wdv4TXdBginRVbmEQnK5Kp4JfmK","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-23T16:29:59.219Z","updatedAt":"2026-05-13T17:54:38.540Z","publishedAt":"2026-04-10T17:01:22.324Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://make-advantage-605505.framer.app/","price":"1","paymentUrl":"https://buy.polar.sh/polar_cl_gPWVZ3hdCWVKrlRbbSyRljiKC68gFSqk9VG3P3umFrK","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"8jKP0llgNMq2NbR3do0j","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-10T17:01:22.324Z","updatedAt":"2026-04-10T17:01:22.324Z"},{"id":"019d7294-249f-7ec1-9279-b4aa07ae14fc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"amVPCe32DhH2gJjrIGTA","resolved":true,"title":"MeltReveal","body":"$61","bodyJson":null,"introduction":"MeltReveal — Interactive Reveal Effect","slug":"meltreveal","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/amVPCe32DhH2gJjrIGTA/meltreveal-KtY1yzPnLjlESNUeyTt78dbP6Dj3qM","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T07:14:22.441Z","updatedAt":"2026-06-04T14:37:18.278Z","publishedAt":"2026-04-09T14:10:04.575Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shiny-mango-730308.framer.app/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_4CNhu6UFKDNum0tA4wRlDtIroHCMkqTgA3NDB0EtqCN","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"QUIpI2yKBr9XPG4Xw1xp","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-09T14:10:04.575Z","updatedAt":"2026-04-09T14:10:04.575Z"},{"id":"019d3d7c-0b52-7f4b-87fb-aca434f94f83","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"gAzBEo9HkpMPVy3xlKji","resolved":true,"title":"RippleLineGrid","body":"$62","bodyJson":null,"introduction":"Interactive Ripple Grid Background","slug":"ripplelinegrid","author":{"framerUserId":"63236348-0a2a-46a1-a8b4-336d7528c9a7","name":"Viper Guy","slug":"viper-guy","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/gAzBEo9HkpMPVy3xlKji/ripplelinegrid-ljyGznqMIa8jIggsMEFisQmW4B05dh","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-13T15:07:57.337Z","updatedAt":"2026-05-02T13:30:36.609Z","publishedAt":"2026-03-30T06:43:52.786Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/RippleLineGrid-pWhclE.js@7imXzYYp6AkApRK9AN3o","previewUrl":"https://noble-orchid-374135.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"7imXzYYp6AkApRK9AN3o","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-03-30T06:43:52.786Z","updatedAt":"2026-03-30T06:43:52.786Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]