5c:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.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/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.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/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/31t_i-sjkqwxc.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/31wecb1pe5ugs.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0mf-dfabvof5m.js","/creators-assets/_next/static/immutable/chunks/28zsl3gu7sgg3.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1hrrs8zq4ee_v.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/0kwdy8yc-c0ba.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 5d:Tb81,

$29 - Purchase a License

Accessibility Studio for Framer was built for framer by Mojave Studio

- This Framer add-on license covers one site only.

- If you need to scan multiple sites, use a monthly plan

Fix Issues Fast

1. Click an issue.

2. Use Focus or Select Layer to jump to the element in the Framer canvas.

3. Fix it in Framer (or use a built-in quick action when available).

4. Re-scan to confirm the issue is resolved.

AI Fixes

Accessibility for Framer includes AI-assisted fixes to speed up remediation.

What AI can help with:

- Suggesting better alt text

- Improving weak labels

- Guiding semantic correction opportunities

AI tokens

AI features (for example AI Autolabel, single-issue suggestions, and bulk alt suggestions) use built-in AI tokens by default when you are signed in. Your current balance appears in Settings.

Using your own OpenAI key

- If you add an OpenAI API key in Settings, the plugin can use your key for those requests instead of built-in tokens.

- Clear the key to go back to built-in tokens only.

Buying more tokens

- You are always allowed to purchase additional token packs when you need more capacity—there is no hard cap on how many packs you can buy over time.

Accessibility Widget for Published Sites

Accessibility for Framer can publish an Accessibility Widget on your live Framer site.

The widget gives visitors an accessibility settings popup so they can adjust readability and navigation in real time.

Email Alerts

Email Alerts notify you when accessibility issues appear or return, so regressions are caught during content updates and redesigns.

- When scans detect new or regressed issues (based on your settings), notifications are sent so your team can review and fix before publishing.

Export report

Share a snapshot of your latest scan as a PDF—useful for audits, client handoff, or internal QA.

5e:T71c,

$15 - Buy a License

Have an animation you want to play after everything loads? An API call before showing the “real” state? Or a component that should wait until images/CMS/content are fully in before transitioning? Drop in Loading… and it handles the gate—cleanly.

Once your conditions are met (page loaded, minimum time reached, or maximum timeout hit), it transitions to the next component state automatically. No hacks, no fake overlay loaders, no awkward flashes.

How It Works

Add Loading… inside the component you want to control. It becomes the “gate” that decides when the user is allowed to see the final state. You set the rules, and Loading… handles the timing + transition.

Gate Behavior

Loading… can release the gate based on:

Page fully loaded (the “don’t show it until it’s actually ready” mode)
Minimum time (so the transition feels intentional, not like a flicker)
Maximum time / timeout (so users never get stuck if something takes too long)

Use one, or combine them depending on the experience you want.

Progress + Style

Pick the vibe and keep it on-brand:

Circle, Bar, or Text loading styles
Tweak the motion + feel so it matches your UI
Optional label support for clearer UX

Check out more Plugins by Mojave Studio

5f:T475,

$9 Purchase License

How it works

Style the animation in a live preview, then insert it into your canvas with one click.

RibbonWave is added as a transparent background component, so it drops cleanly behind real layouts without forcing design decisions. You control the motion and shape with straightforward settings—line count, amplitude, taper, padding, speed—and see changes instantly as you adjust.

Color is handled through a simple two-color blend. Mix Color A and Color B, rotate the gradient angle, and let the component stay transparent so you can control the final background directly in Framer using a Frame fill, Stack fill, or layers behind it.

Once inserted, it behaves like any other Framer component—easy to resize, reuse, and layer wherever you need motion without redesigning anything.

Check out more Plugins by Mojave Studio

60:Tc06,

$15 - Buy a License

Live Preview

The sticky preview canvas renders the globe with the same settings that will be inserted into Framer.
Streams texture and atmosphere changes immediately, and respects the current Framer theme (light/dark).
Mouse wheel adjusts the camera position for scroll/route modes; drag interactions mirror the props you enable.
Route mode animates between start/end locations once both have been resolved.

Appearance Controls

Texture Style: Light, Dark, Marble, or Topology maps (served from CDN).
Edge Padding (px): Adjusts `fitPaddingPx` so the globe fits safely inside the Framer frame.
Atmosphere: Toggle on/off, pick a color, and set altitude (0–1) to control the halo around the globe.

Movement Controls

Mode: None, Rotate, Scroll, or Route — matches the `movement.mode` prop.
Reverse Direction: Flips spin, scroll, or route direction.
Start When: Choose Top/Middle/Bottom/Immediate/Sticky triggers for scroll animations.
Start Offset (px): Fine-tune when scroll/route animations begin.
Rotate Speed: Available in Rotate mode (0–120°/s).
Start / End Location: Resolve human-readable locations to latitude/longitude using the geocoding services; the Set buttons commit the values and refresh preview pins.
Route Warnings: A banner appears when Route mode is active without both endpoints.
Mouse Interactions: Toggle hover-to-center and drag interactions that map to `mouseInteractions`.

Marker Editor

+ New Marker` creates a draft marker with defaults

Each marker row includes:

City: (required, geocoded before preview or insertion)
Label (optional)
Pin Type: ('Lollipop', 'Teardrop', 'Line', 'Pyramid')
Scale
Altitude Offset: and color pickers for head/stem where applicable.
Update: commits a single marker
Update All: normalizes the list, re-geocodes every marker, and refreshes the preview to keep draft state and plugin state in sync.
Remove: immediately deletes the marker from the draft and preview.

Check out more Plugins by Mojave Studio

61:Tae1,

$10 - Buy a License

What you get

6 presets: Mojave, Desert, Sunset, Ocean, Forest, Neon
Two motion modes:
- Hover — interactive effects that respond to pointer movement
- Auto — hands-free Waves (Horizontal/Vertical), Burst, or Flash
Clean, scalable canvas: Renders crisply at any frame size
Performance-aware controls: Tune cell size, speed, and spread
Default size: Intrinsic canvas is 600 × 600. It fills whatever frame you place it in, so resize freely in Framer.

Motion Modes

Hover FX

Standard – classic 3-phase pulse under the cursor
Bubble – soft radial splash with a subtle trail
Persistent – “stamp” cells that stay highlighted as you move
Firework – bursts radiate from your pointer

Hover Speed (0.5 → 3.0): Overall tempo of the hover animation.

Hover Spread (0.1 → 3.0): How far the effect “blooms” from the cursor.

Trail (toggle; Bubble only): Keeps Bubble trails visible even after you stop hovering.

Tip (resetting trails): Switch Hover FX to a different option and back to clear persistent/trail states.

Auto FX

Waves – a moving band sweeps across the grid (Horizontal / Vertical)
Burst – spontaneous pulses across the surface
Flash – synchronized pulses that wash across the grid (global “flash” accents)

Auto Speed (1 → 10, eased): How fast Waves/Burst/Flash evolve.

Auto Spread (0.1 → 5.0):

Waves: band thickness
Burst: density/area of burst events
Flash: pulse strength/coverage

Interactive steering (Waves): Even in Auto mode, pointer movement gently “pulls” the wave toward your cursor—great for subtle, reactive hero sections.

Check out more Plugins by Mojave Studio

62:Tae6,

$20 - Buy a License

Preset descriptions:

Black Hole: The mouse acts as a gravitational pull that attracts nearby particles.
Snow: Gentle falling particles resembling snowflakes.
Rainbow: Multicolor glowing points that react to hover.
Laser: Bright orbs that expand when hovered.
Bubbles: Light, floating upward motion that feels soft and airy.
Network: Interconnected lines and nodes for a tech-forward look.
Galaxy: A star-field animation that follows your cursor.
Neon: High-contrast glowing cubes that pop on dark backgrounds.
Lava Lamp: Slow, blob-like organic movement for a calm, fluid feel.
Emoji: Replace particles with one or more emojis.
Text: Floating text that moves and reacts like particles.

Presets are a starting point. Every visual and motion property can be customized afterward.

Adjusting Particle Settings

When the Mojave Particles component is selected, all customization options appear in the right-hand properties panel.

Appearance controls:

You can adjust the particle count to change how dense the animation feels.
Use the size range sliders or input fields to control minimum and maximum particle size.
The color palette can be a single tone, a gradient, or linked to your Framer color variables.
Opacity sets how visible the particles are, and speed determines their overall movement intensity.

Behavior controls:

Gravity or drift settings change how particles move vertically.
Repulsion and attraction determine how they respond to your cursor.
Vibration adds gentle, random jitter for more natural motion.
Scroll reactivity lets particles respond to scrolling speed and direction.

Layout controls:

The background color defaults to #000005, matching Mojave’s dark theme.
You can adjust the Z-index to position the particles behind content layers.
Blend mode options like “Screen” or “Normal” let you fine-tune how particles interact visually with the background.

Check out more Plugins by Mojave Studio

5b:["$","$L5c",null,{"value":{"fallback":{"$inf$activity-creator-add7bccf-8d54-49a3-90e1-a0823831c058-all:/unified/creator/add7bccf-8d54-49a3-90e1-a0823831c058/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:add7bccf-8d54-49a3-90e1-a0823831c058:/unified/posts/?creator=add7bccf-8d54-49a3-90e1-a0823831c058&with=reposts":[{"data":[{"id":"019dc02e-6251-75ee-ab3c-e81d23d8e0e7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"840","resolved":true,"title":"Accessibility Studio","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$29 - "},{"type":"text","text":"Purchase a License","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://accessibilitystud.io/pricing","class":null,"target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility Studio for Framer was built for framer by "},{"type":"text","text":"Mojave Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://Mojave.studio","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"- This Framer add-on license covers "},{"type":"text","text":"one site only","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"- If you need to scan multiple sites, use a "},{"type":"text","text":"monthly plan","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://accessibilitystud.io/pricing","class":null,"target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fix Issues Fast"}],"attrs":{"level":1}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-acessability-hIJQDklga0i5trQ0mrBEzYeTdAikG2","link":null,"caption":"","uploadId":"upload-1772258435531-rlh2"}},{"type":"paragraph","content":[{"type":"text","text":"1. Click an issue."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Use "},{"type":"text","text":"Focus","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Select Layer","marks":[{"type":"bold"}]},{"type":"text","text":" to jump to the element in the Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Fix it in Framer (or use a built-in quick action when available)."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Re-scan to confirm the issue is resolved."}]},{"type":"customHeading","content":[{"type":"text","text":"AI Fixes"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Accessibility for Framer includes AI-assisted fixes to speed up remediation."}]},{"type":"paragraph","content":[{"type":"text","text":"What AI can help with:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Suggesting better alt text"}]},{"type":"paragraph","content":[{"type":"text","text":"- Improving weak labels"}]},{"type":"paragraph","content":[{"type":"text","text":"- Guiding semantic correction opportunities"}]},{"type":"customHeading","content":[{"type":"text","text":"AI tokens"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"AI features (for example "},{"type":"text","text":"AI Autolabel","marks":[{"type":"bold"}]},{"type":"text","text":", single-issue suggestions, and bulk alt suggestions) use "},{"type":"text","text":"built-in AI tokens","marks":[{"type":"bold"}]},{"type":"text","text":" by default when you are signed in. Your current balance appears in "},{"type":"text","text":"Settings","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Using your own OpenAI key"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- If you add an OpenAI API key in Settings, the plugin can use your key for those requests instead of built-in tokens."}]},{"type":"paragraph","content":[{"type":"text","text":"- Clear the key to go back to built-in tokens only."}]},{"type":"customHeading","content":[{"type":"text","text":"Buying more tokens"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- You are "},{"type":"text","text":"always allowed","marks":[{"type":"bold"}]},{"type":"text","text":" to purchase additional token packs when you need more capacity—there is no hard cap on how many packs you can buy over time."}]},{"type":"customHeading","content":[{"type":"text","text":"Accessibility Widget for Published Sites"}],"attrs":{"level":1}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-acessability-ROSIQ62FL2WYubL8dxyeXS8DuhsIeV","link":null,"caption":"","uploadId":"upload-1772258435536-9nzzj"}},{"type":"paragraph","content":[{"type":"text","text":"Accessibility for Framer can publish an "},{"type":"text","text":"Accessibility Widget","marks":[{"type":"bold"}]},{"type":"text","text":" on your live Framer site."}]},{"type":"paragraph","content":[{"type":"text","text":"The widget gives visitors an accessibility settings popup so they can adjust readability and navigation in real time."}]},{"type":"customHeading","content":[{"type":"text","text":"Email Alerts"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Email Alerts notify you when accessibility issues appear or return, so regressions are caught during content updates and redesigns."}]},{"type":"paragraph","content":[{"type":"text","text":"- When scans detect new or regressed issues (based on your settings), notifications are sent so your team can review and fix before publishing."}]},{"type":"customHeading","content":[{"type":"text","text":"Export report"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Share a snapshot of your latest scan as a "},{"type":"text","text":"PDF","marks":[{"type":"bold"}]},{"type":"text","text":"—useful for audits, client handoff, or internal QA."}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-acessability-gZmbtFlVa2dN0tJx4uvpwAYQZw6VHS","link":null,"caption":"","uploadId":"upload-1772258435536-txja"}},{"type":"customHeading","attrs":{"level":2}}]},"introduction":"Accessibility Studio","slug":"accessibility-studio","author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-84N4ZTOxKbS7aqel9pEhLEYXzw8G4f","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-Xne6Fk9KpTfcuBct2Xjx3Wg3xnoYsC","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-ORAZ4Wzu0NlDHrHmnOKF630b33MNxD","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/840-SO1B1sluGYLe7lYMOO4JGvI7xg4jLV","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-28T06:02:14.708Z","updatedAt":"2026-09-09T14:00:03.630Z","publishedAt":"2026-04-24T15:49:18.545Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"e913dxygt3f9qo8wvhusnceiq","paid":true,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-24T15:49:18.545Z","updatedAt":"2026-04-24T15:49:18.545Z"},{"id":"019caecd-18ad-7b5f-a282-30c74477a3d0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"708","resolved":true,"title":"Loading…","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$15 - "},{"type":"text","text":"Buy a License","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/eVq5kvey77Fl0HR4tT0VO08","class":null,"target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have an animation you want to play "},{"type":"text","text":"after","marks":[{"type":"bold"}]},{"type":"text","text":" everything loads? An API call before showing the “real” state? Or a component that should wait until images/CMS/content are fully in before transitioning? Drop in Loading… and it handles the gate—cleanly."}]},{"type":"paragraph","content":[{"type":"text","text":"Once your conditions are met (page loaded, minimum time reached, or maximum timeout hit), it transitions to the next component state automatically. No hacks, no fake overlay loaders, no awkward flashes."}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Add Loading… inside the component you want to control. It becomes the “gate” that decides when the user is allowed to see the final state. Y","marks":[{"type":"bold"}]},{"type":"text","text":"ou set the rules, and Loading… handles the timing + transition."}]},{"type":"customHeading","content":[{"type":"text","text":"Gate Behavior"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Loading… can release the gate based on:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Page fully loaded","marks":[{"type":"bold"}]},{"type":"text","text":" (the “don’t show it until it’s actually ready” mode)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimum time","marks":[{"type":"bold"}]},{"type":"text","text":" (so the transition feels intentional, not like a flicker)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maximum time / timeout","marks":[{"type":"bold"}]},{"type":"text","text":" (so users never get stuck if something takes too long)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use one, or combine them depending on the experience you want."}]},{"type":"customHeading","content":[{"type":"text","text":"Progress + Style"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pick the vibe and keep it on-brand:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circle","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Bar","marks":[{"type":"bold"}]},{"type":"text","text":", or "},{"type":"text","text":"Text","marks":[{"type":"bold"}]},{"type":"text","text":" loading styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tweak the motion + feel so it matches your UI"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional label support for clearer UX"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Check out more Plugins by Mojave Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mojave.studio/plugins/","target":"_blank"}}]}]}]},"introduction":"True Content Loading Gate","slug":"loading","author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/708-AjIK5Attf0Mx3on8wy0POKIPvrpsSr","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/708-Pmo1Oj6NvK5xGmYsJ183IFDMU6IvDi","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/708-gBEtzh4rFODQWJngOHiCDhpYbq93pp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-13T21:56:48.013Z","updatedAt":"2026-09-09T13:59:16.921Z","publishedAt":"2026-03-02T13:46:42.733Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"792ttlmnyyfrzwgtijd2rmflq","paid":true,"categories":[{"id":"3fc802d9-7527-48e0-9403-c9bd534ab520","name":"Utilities","slug":"utilities"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-02T13:46:42.733Z","updatedAt":"2026-03-02T13:46:42.733Z"},{"id":"019bbd06-f181-724d-9be3-db297af6b188","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"663","resolved":true,"title":"Ribbon Wave","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$9 "},{"type":"text","text":"Purchase License","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/fZudR1fCb1gXair2lL0VO06","class":null,"target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Style the animation in a live preview, then insert it into your canvas with one click."}]},{"type":"paragraph","content":[{"type":"text","text":"RibbonWave is added as a transparent background component, so it drops cleanly behind real layouts without forcing design decisions. You control the motion and shape with straightforward settings—line count, amplitude, taper, padding, speed—and see changes instantly as you adjust."}]},{"type":"paragraph","content":[{"type":"text","text":"Color is handled through a simple two-color blend. Mix "},{"type":"text","text":"Color A","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Color B","marks":[{"type":"bold"}]},{"type":"text","text":", rotate the gradient angle, and let the component stay transparent so you can control the final background directly in Framer using a Frame fill, Stack fill, or layers behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"Once inserted, it behaves like any other Framer component—easy to resize, reuse, and layer wherever you need motion without redesigning anything."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check out more Plugins by Mojave Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mojave.studio/plugins/","target":"_blank"}}]}]}]},"introduction":"Animated Ribbon Effect","slug":"ribbon-wave","author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/663-8KOaNP7dp3AIsmZXKWmoXxFSLLLtUz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/663-uN0kIBpTGZbJr2g7oKgH06oYtXOxeB","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/663-G2GVl100V3ZCZ1a7JTFOJFX91aiPcx","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-12T23:38:43.606Z","updatedAt":"2026-09-09T14:00:37.525Z","publishedAt":"2026-01-14T15:01:47.521Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"9bl4ynvj9tu35ym9cpez1nx8u","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-14T15:01:47.521Z","updatedAt":"2026-01-14T15:01:47.521Z"},{"id":"019a803f-cbff-7299-a4d3-76ce8b416fd8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"592","resolved":true,"title":"Mojave Globe","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$15 - "},{"type":"text","text":"Buy a License","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/fZu00b2PpbVB2PZf8x0VO03","class":null,"target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Live Preview"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The sticky preview canvas renders the globe with the same settings that will be inserted into Framer.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Streams texture and atmosphere changes immediately, and respects the current Framer theme (light/dark).","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse wheel adjusts the camera position for scroll/route modes; drag interactions mirror the props you enable.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Route mode animates between start/end locations once both have been resolved.","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Appearance Controls"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Texture Style: Light, Dark, Marble, or Topology maps (served from CDN).","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge Padding (px): Adjusts `fitPaddingPx` so the globe fits safely inside the Framer frame.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Atmosphere: Toggle on/off, pick a color, and set altitude (0–1) to control the halo around the globe.","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Movement Controls"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mode: None, Rotate, Scroll, or Route — matches the `movement.mode` prop.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reverse Direction: Flips spin, scroll, or route direction.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start When: Choose Top/Middle/Bottom/Immediate/Sticky triggers for scroll animations.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start Offset (px): Fine-tune when scroll/route animations begin.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotate Speed: Available in Rotate mode (0–120°/s).","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start / End Location: Resolve human-readable locations to latitude/longitude using the geocoding services; the Set buttons commit the values and refresh preview pins.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Route Warnings: A banner appears when Route mode is active without both endpoints.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse Interactions: Toggle hover-to-center and drag interactions that map to `mouseInteractions`.","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Marker Editor"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"+ New Marker` creates a draft marker with defaults ","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Each marker row includes:"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"City: (required, geocoded before preview or insertion)","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Label (optional)","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pin Type: ('Lollipop', 'Teardrop', 'Line', 'Pyramid')","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scale","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Altitude Offset: and color pickers for head/stem where applicable.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Update: commits a single marker","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Update All: normalizes the list, re-geocodes every marker, and refreshes the preview to keep draft state and plugin state in sync.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remove: immediately deletes the marker from the draft and preview.","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Check out more Plugins by Mojave Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mojave.studio/plugins/","target":"_blank"}}]}]}]},"introduction":"Mojave Globe ","slug":"mojave-globe","author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/592-B8Foxun7Iu43F64PK3K71DyZ723rw1","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/592-J60ZPcGUXHZDOEH4nX0Vl7TbAiciHl","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/592-9LAjnTihIk38giwgCEygKQZDZWGrDf","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/592-6YKA0i9RQnMXHgYGTdox931uhXUZH2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-06T06:27:47.238Z","updatedAt":"2026-09-09T14:01:57.456Z","publishedAt":"2025-11-14T02:44:15.999Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"bh52uzxnnl6v3iuf5lbkqkq5h","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-14T02:44:15.999Z","updatedAt":"2025-11-14T02:44:15.999Z"},{"id":"019a6439-f0f6-7b4a-b666-6e456ec17da2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"595","resolved":true,"title":"Mojave Grid","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$10 - ","marks":[{"type":"bold"}]},{"type":"text","text":"Buy a License","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/aFa14ffCb5xdduDgcB0VO02","class":null,"target":"_blank"}},{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"What you get"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Mojave, Desert, Sunset, Ocean, Forest, Neon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two motion modes:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover","marks":[{"type":"bold"}]},{"type":"text","text":" — interactive effects that respond to pointer movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto","marks":[{"type":"bold"}]},{"type":"text","text":" — hands-free "},{"type":"text","text":"Waves","marks":[{"type":"bold"}]},{"type":"text","text":" (Horizontal/Vertical), "},{"type":"text","text":"Burst","marks":[{"type":"bold"}]},{"type":"text","text":", or "},{"type":"text","text":"Flash","marks":[{"type":"bold"}]}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, scalable canvas:","marks":[{"type":"bold"}]},{"type":"text","text":" Renders crisply at any frame size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-aware controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Tune cell size, speed, and spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Default size:","marks":[{"type":"bold"}]},{"type":"text","text":" Intrinsic canvas is "},{"type":"text","text":"600 × 600","marks":[{"type":"bold"}]},{"type":"text","text":". It fills whatever frame you place it in, so resize freely in Framer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Motion Modes"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Hover FX"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Standard","marks":[{"type":"bold"}]},{"type":"text","text":" – classic 3-phase pulse under the cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bubble","marks":[{"type":"bold"}]},{"type":"text","text":" – soft radial splash with a subtle trail"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Persistent","marks":[{"type":"bold"}]},{"type":"text","text":" – “stamp” cells that stay highlighted as you move"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Firework","marks":[{"type":"bold"}]},{"type":"text","text":" – bursts radiate from your pointer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hover Speed (0.5 → 3.0):","marks":[{"type":"bold"}]},{"type":"text","text":" Overall tempo of the hover animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover Spread (0.1 → 3.0):","marks":[{"type":"bold"}]},{"type":"text","text":" How far the effect “blooms” from the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Trail (toggle; Bubble only):","marks":[{"type":"bold"}]},{"type":"text","text":" Keeps Bubble trails visible even after you stop hovering."}]},{"type":"paragraph","content":[{"type":"text","text":"Tip (resetting trails):","marks":[{"type":"bold"}]},{"type":"text","text":" Switch "},{"type":"text","text":"Hover FX","marks":[{"type":"bold"}]},{"type":"text","text":" to a different option and back to clear persistent/trail states."}]},{"type":"customHeading","content":[{"type":"text","text":"Auto FX"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Waves","marks":[{"type":"bold"}]},{"type":"text","text":" – a moving band sweeps across the grid ("},{"type":"text","text":"Horizontal","marks":[{"type":"bold"}]},{"type":"text","text":" / "},{"type":"text","text":"Vertical)","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Burst","marks":[{"type":"bold"}]},{"type":"text","text":" – spontaneous pulses across the surface"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flash","marks":[{"type":"bold"}]},{"type":"text","text":" – synchronized pulses that wash across the grid (global “flash” accents)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Auto Speed (1 → 10, eased):","marks":[{"type":"bold"}]},{"type":"text","text":" How fast Waves/Burst/Flash evolve."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto Spread (0.1 → 5.0):","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Waves:","marks":[{"type":"bold"}]},{"type":"text","text":" band thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Burst:","marks":[{"type":"bold"}]},{"type":"text","text":" density/area of burst events"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flash:","marks":[{"type":"bold"}]},{"type":"text","text":" pulse strength/coverage"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive steering (Waves):","marks":[{"type":"bold"}]},{"type":"text","text":" Even in Auto mode, pointer movement gently “pulls” the wave toward your cursor—great for subtle, reactive hero sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Check out more Plugins by Mojave Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mojave.studio/plugins/","target":"_blank"}}]}]}]},"introduction":"Mojave Grid","slug":"mojave-grid","author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/595-uW3K8HOp3AVQ8Z06cxoQV60fuDN2gb","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/595-IGG4eeVUs5yhoWP687gUuXsymba5oU","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-07T07:21:34.222Z","updatedAt":"2026-09-09T14:02:28.311Z","publishedAt":"2025-11-08T16:08:30.198Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"5dy8zyxsy7tqkbyhx67nvwtgg","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-08T16:08:30.198Z","updatedAt":"2025-11-08T16:08:30.198Z"},{"id":"019a3b3e-0f85-7450-938e-ee9dd0768fdd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"452","resolved":true,"title":"Mojave Particles Pro","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"$$20 -","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Buy a License","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/3cI6ozcpZe3J0HR2lL0VO05","class":null,"target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Preset descriptions:"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Black Hole:","marks":[{"type":"bold"}]},{"type":"text","text":" The mouse acts as a gravitational pull that attracts nearby particles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Snow:","marks":[{"type":"bold"}]},{"type":"text","text":" Gentle falling particles resembling snowflakes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rainbow:","marks":[{"type":"bold"}]},{"type":"text","text":" Multicolor glowing points that react to hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Laser:","marks":[{"type":"bold"}]},{"type":"text","text":" Bright orbs that expand when hovered."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bubbles:","marks":[{"type":"bold"}]},{"type":"text","text":" Light, floating upward motion that feels soft and airy."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Network:","marks":[{"type":"bold"}]},{"type":"text","text":" Interconnected lines and nodes for a tech-forward look."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Galaxy:","marks":[{"type":"bold"}]},{"type":"text","text":" A star-field animation that follows your cursor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Neon:","marks":[{"type":"bold"}]},{"type":"text","text":" High-contrast glowing cubes that pop on dark backgrounds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lava Lamp:","marks":[{"type":"bold"}]},{"type":"text","text":" Slow, blob-like organic movement for a calm, fluid feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Emoji:","marks":[{"type":"bold"}]},{"type":"text","text":" Replace particles with one or more emojis."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text:","marks":[{"type":"bold"}]},{"type":"text","text":" Floating text that moves and reacts like particles."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Presets are a starting point. Every visual and motion property can be customized afterward."}]},{"type":"customHeading","content":[{"type":"text","text":"Adjusting Particle Settings"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"When the Mojave Particles component is selected, all customization options appear in the right-hand properties panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Appearance controls:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"You can adjust the particle count to change how dense the animation feels."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use the size range sliders or input fields to control minimum and maximum particle size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The color palette can be a single tone, a gradient, or linked to your Framer color variables."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opacity sets how visible the particles are, and speed determines their overall movement intensity."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Behavior controls:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gravity or drift settings change how particles move vertically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Repulsion and attraction determine how they respond to your cursor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vibration adds gentle, random jitter for more natural motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll reactivity lets particles respond to scrolling speed and direction."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Layout controls:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The background color defaults to #000005, matching Mojave’s dark theme."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"You can adjust the Z-index to position the particles behind content layers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blend mode options like “Screen” or “Normal” let you fine-tune how particles interact visually with the background."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check out more Plugins by Mojave Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://mojave.studio/plugins/","target":"_blank"}}]}]}]},"introduction":"React Particles for Framer","slug":"mojave-particles-pro","author":{"framerUserId":"add7bccf-8d54-49a3-90e1-a0823831c058","name":"Mojave Studio","slug":"mojave-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/763372/avatar-VWxXqYKjlQo4u9kedMejZoEmwmZYQt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/452-hqVTEz6Pchf2M2pr1bBHRhbSLPoKrr","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/452-BgPDVMdOMKAiJiZ19Wny9izHkGUXau","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-06T03:49:16.842Z","updatedAt":"2026-09-09T14:03:12.987Z","publishedAt":"2025-10-31T17:08:34.309Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"cjdyd6j8l95f7pkirhr2bmwag","paid":true,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-31T17:08:34.309Z","updatedAt":"2025-10-31T17:08:34.309Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]