{"version":"0.0.18","item":{"id":"e53866d2-e08c-4f02-948e-568671e429c7","name":"myop_landingpage","description":"","origins":["https://your.domain.com","https://your.domain2.com"],"experiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}],"components":[{"type":{"id":"af80c5b5-4e78-4c51-bf28-3b9704806c76","name":"myop_landingpage_header_new","description":"","props":[{"id":"","name":"prop_1","description":"","type":"any","mode":"input","behavior":{"type":"message","message":"InitRequest","ref":"none","params":[]}}],"refs":[],"skins":[{"name":"skin_1","description":"","loader":{"type":"HTMLLoader","HTML":"
\n
\n
\n
\n \n \n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n
\n
\n \n \n \n \n
\n
\n \n \n \n \n
\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n \n
"},"id":"7f4cf283-5e6d-49eb-9789-4e16457d761a"}],"defaultSkin":0,"createdOn":"2025-07-21T11:28:44.000Z","resolvedDefinitions":[]},"instance":{"id":"e4c06d15-0bfd-4c2c-ad68-80dcbdbb1f2d","componentId":"af80c5b5-4e78-4c51-bf28-3b9704806c76","componentName":"myop_landingpage_header_new","skinSelector":{"type":"Dedicated","skin":{"id":"7f4cf283-5e6d-49eb-9789-4e16457d761a"}},"nestedComponents":[],"resolvedNestedComponents":[],"resolvedExperiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}]},"name":"myop_landingpage_header_new"},{"type":{"id":"d12e4ec8-d3fc-449c-b53a-2fc02302a3e8","name":"myop_landingpage_section1","description":"","props":[{"id":"","name":"prop_1","description":"","type":"any","mode":"input","behavior":{"type":"message","message":"InitRequest","ref":"none","params":[]}}],"refs":[],"skins":[{"name":"first_version","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

Build UI once,
Control on the fly.

\n\n
\n\n
\n
\n
\n\n\n \n \n \n \n \n \n \n\n\n\n \n \n \n \n \n \n \n \n \n \n\n\n

Our plug-and-play platform offers full runtime control over UI and UX, allowing teams to\n easily update, edit, test or swap components without code changes or redeploys.\n
\n\n \n \n \n\n \n \n \n

\n\n\n\n
\n
\n
\n\n
\n
\n\n\n \n\n
"},"id":"a2b8f13f-4007-4e30-a8e6-d920af87c340"},{"name":"last_version","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

The pluggable UI platform.

\n\n
\n\n
\n
\n
\n\n\n \n \n \n \n \n \n \n\n\n\n \n \n \n \n \n \n \n \n \n \n

Myop helps teams ship UI & UX faster than ever by plugging external components directly into\n live web-apps, keeping them fully isolated and safe for testing, editing and updates at runtime.\n
\n\n \n \n \n\n \n \n \n

\n\n\n\n
\n
\n
\n\n
\n
\n\n\n \n\n
","shadowRootMode":"none"},"id":"3aa6daea-e5b0-44dc-b55d-b0b44d5a4236"},{"name":"current_version","description":"","loader":{"type":"HTMLLoader","HTML":"
\n \n\n
\n\n
\n

The pluggable
UI platform.

\n\n
\n\n
\n\n
\n\n Hi. We're Myop.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n\n
\n\n
\n\n
\n\n\n \n \n\n \n \n \n \n \n \n \n\n\n
\n\n
\n\n\n
\n

\n\n Myop is the only platform that lets you build UI components freely with any AI tool and plug them\n safely into your app while it's running.\n\n
\n\n \n \n \n\n \n \n \n

\n
\n
\n\n
\n\n
\n\n
\n\n Hi. We're Myop.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n\n
\n\n
\n\n
\n \n \n \n \n\n\n \n \n\n\n
\n\n\n
\n\n
\n\n\n \n\n
\n","shadowRootMode":"none"},"id":"6801a44a-3626-49b8-9e6b-17125a5be7a3"},{"name":"newSection1","description":"","loader":{"type":"HTMLLoader","HTML":"
\n \n\n
\n\n
\n

The pluggable
UI platform.

\n\n
\n\n
\n\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n Hi. We're Myop.\n\n \n
\n
\n
\n\n
\n

\n Myop is the only platform that lets you build freely with any AI tool and plug it safely\n into your live app.\n

\n
\n \n \n \n\n \n \n \n\n
\n\n
\n
\n\n
\n\n
\n\n
\n\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n\n Hi. We're Myop.\n\n \n\n
\n\n
\n\n
\n\n
\n\n\n \n
","shadowRootMode":"none"},"id":"964108a1-7201-4c39-a2bb-989e04238001"},{"name":"newSection1_fontsize","description":"","loader":{"type":"HTMLLoader","HTML":"
\n \n\n
\n\n
\n

The Pluggable
Framework.

\n\n
\n\n
\n\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n Hi. We're Myop.\n\n \n
\n
\n
\n\n
\n

\n Myop is the only platform that lets you build code freely with any AI tool and plug it safely into your existing app.\n

\n
\n \n \n \n\n \n \n \n\n
\n\n
\n
\n\n
\n\n
\n\n
\n\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n\n Hi. We're Myop.\n\n \n\n
\n\n
\n\n
\n\n
\n\n\n \n
","shadowRootMode":"none"},"id":"f4a0d4a2-0ac1-4f15-9eaf-c389b033df1c"}],"defaultSkin":0,"createdOn":"2025-08-28T16:13:21.000Z","resolvedDefinitions":[]},"instance":{"id":"cfe598b6-a858-4f0b-82e0-0a044bf90c79","componentId":"d12e4ec8-d3fc-449c-b53a-2fc02302a3e8","componentName":"myop_landingpage_section1","skinSelector":{"type":"Segmented","segments":[{"segmentId":"75106faf-bf4b-461d-8c10-0a44b6dcb000","skinSelector":{"type":"Dedicated","skin":{"id":"f4a0d4a2-0ac1-4f15-9eaf-c389b033df1c"}}},{"segmentId":"Default","skinSelector":{"type":"Dedicated","skin":{"id":"f4a0d4a2-0ac1-4f15-9eaf-c389b033df1c"}}}]},"nestedComponents":[],"resolvedNestedComponents":[],"resolvedExperiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}]},"name":"myop_landingpage_section1"},{"type":{"id":"ff3ce36b-a08f-4e45-93a2-787b2c17e8af","name":"myop_landingpage_section2","description":"","props":[{"id":"","name":"prop_1","description":"","type":"any","mode":"input","behavior":{"type":"message","message":"InitRequest","ref":"none","params":[]}}],"refs":[],"skins":[{"name":"current","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

360° AI→Prod

\n
\n
\n \n \n \n \n \n \n \n \n \n\n

\n Generate code with any AI tool (Claude, Gemini, Lovable, or more) and plug it into production with a\n one-time setup.

\n\n
\n\n
\n \n \n \n \n \n \n \n \n \n\n

\n Replace messy AI integrations with a 3-line hook that connects your code through a secure contract and keeps AI isolated from your codebase.\n

\n\n
\n\n \n \n \n \n \n \n \n \n \n\n\n

\n Governance, traceability and control, all in one system: Git sync, unit tests, QA infra, gradual\n rollouts, A/B tests and instant rollback.\n

\n\n\n
\n
\n
\n\n\n \n\n
"},"id":"a2b8f13f-4007-4e30-a8e6-d920af87c340"},{"name":"OLD","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

What if..

\n
\n
\n \n \n \n \n \n \n \n \n \n\n

\n Developers could build products that change and evolve post-launch without needing to open or\n modify the\n core code?\n

\n\n
\n\n
\n \n \n \n \n \n \n \n \n \n\n

\n You could plug isolated AI-generated UIs directly into your live app\n without manual integrations or redeploys?\n

\n\n
\n\n
\n\n \n \n \n \n \n \n \n \n \n\n\n

\n There was a tool that handles A/B testing and segmentation out-of-code, powering improvements at speeds competitors can't match?\n

\n\n\n
\n
\n
\n\n\n \n\n
"},"id":"6f0d109e-39be-4a58-b2f9-28daed621a13"}],"defaultSkin":0,"createdOn":"2025-08-29T00:49:28.000Z","resolvedDefinitions":[]},"instance":{"id":"44937461-745c-47ee-9575-3e5e16a7e545","componentId":"ff3ce36b-a08f-4e45-93a2-787b2c17e8af","componentName":"myop_landingpage_section2","skinSelector":{"type":"Dedicated","skin":{"id":"a2b8f13f-4007-4e30-a8e6-d920af87c340"}},"resolvedExperiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}]},"name":"myop_landingpage_section2"},{"type":{"id":"5f8c7fe5-ae20-4d67-9a59-72862de70caa","name":"myop_landingpage_section3","description":"","props":[{"id":"","name":"prop_1","description":"","type":"any","mode":"input","behavior":{"type":"message","message":"InitRequest","ref":"none","params":[]}}],"refs":[],"skins":[{"name":"skin_1","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

That’s what we’ve built.

\n\n
\n
\n \n \n \n \n \n
\n\n
\n
\n

\n What we do\n

\n

\n\n We give tech firms the ability to remote-control their UI & UX at runtime, without reopening\n code\n or redeploying.\n

\n
\n\n
\n

\n How we do it\n

\n

\n We link inner logic with new UI components, enabling runtime management, seamless updates, and micro-deploys directly from our dashboard, without code changes.\n

\n
\n\n
\n

\n Why we do it\n

\n

\n\n We believe that when UI & UX changes are effortless, innovation moves at the speed of ideas.\n

\n
\n
\n
\n
\n\n \n\n
"},"id":"a2b8f13f-4007-4e30-a8e6-d920af87c340"},{"name":"Ai_newcopy_may25","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

That's what we've built.

\n\n
\n
\n \n \n \n \n \n
\n\n
\n
\n

\n What we do\n

\n

\n We let you stream components exactly when and where you need them, with full runtime control for easy turnaround.\n Get full control over your UI without reopening core code or waiting for deployment cycles.\n Test anything, update anytime, move at AI speed.\n\n

\n
\n\n
\n

\n How it works\n

\n

\n Myop creates a bridge between your app and any UI component, whether it's AI-generated,\n hand-coded or built with low-code tools.\n Everything connects through our dashboard and runs at runtime.\n Your core app stays untouched. Your team stays in control. AI becomes a powerful collaborator,\n not a risky black box.\n\n

\n
\n\n
\n

\n Why this matters now\n

\n

\n\n It takes seconds to generate a component, but getting it into production is still risky and\n slow. Myop changes that. We've built the infrastructure that lets you ride the AI wave\n without compromising safety, structure or control.\n\n

\n
\n
\n
\n
\n\n \n\n
"},"id":"28864e17-85bc-4db7-b1e2-cd1a006f35aa"},{"name":"newSection3","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n

Our Story

\n\n
\n
\n \n \n \n \n \n
\n\n
\n
\n

\n Why we built Myop\n

\n

\n AI coding tools are exploding. They generate beautiful UIs and full features in seconds.\n But there's a gap no one talks about:\n How do you actually bring that code into a live product at scale?

\n
\n\n
\n

\n How Myop works\n

\n

\n We turn AI-generated code into standalone components that connect to existing systems through a\n secure contract, keeping AI code fully isolated from the core codebase for safety and control.\n

\n
\n\n
\n

\n Our mission\n

\n

\n To bridge powerful AI coding tools and mature, working products. Empower teams\n to take code pieces from any AI tool, switch, swap and experiment, then \nconnect their output safely into production.

\n
\n
\n
\n
\n\n \n\n
"},"id":"02847e5e-5da3-47cb-aa03-e9e67fa7a3c4"},{"name":"Keren_newcopy_Aug","description":"","loader":{"type":"HTMLLoader","HTML":"
\n
\n

Our Story

\n\n
\n
\n \n \n \n \n \n
\n\n
\n
\n

\n Why we built Myop\n

\n

\n AI is reshaping how code is created. But mature products - with real users and years of\n investment - can't just drop AI output into production and hope it works. They need safety,\n control, and a way to adopt AI without breaking what already exists.\n

\n
\n\n
\n

\n What we do\n

\n

\n We bridge powerful AI coding tools and mature products. Myop makes it possible for teams to take\n code from any AI tool and connect it safely into production.\n

\n
\n\n
\n

\n How it works\n

\n

\n Myop turns AI-generated code into standalone components that link to existing systems through a\n secure runtime contract. With a one-time setup, teams can plug external code into live apps,\n make unlimited changes at runtime, and manage everything from one place.\n

\n
\n
\n
\n
\n\n \n
"},"id":"0e733796-194b-497d-8786-89dbf191835c"},{"name":" Keren_newcopy_Aug2","description":"","loader":{"type":"HTMLLoader","HTML":"
\n
\n
\n
\n \n \n \n \n \n
\n\n
\n

Our Story

\n \n
\n

\n Why we built Myop\n

\n

\n AI is reshaping how code is created. But mature products - with real users and years of\n investment - can't just drop AI output into production and hope it works. They need safety,\n control, and a way to adopt AI without breaking what already exists.\n

\n
\n\n
\n

\n What we do\n

\n

\n We bridge powerful AI coding tools and mature products. Myop makes it possible for teams to take\n code from any AI tool and connect it safely into production.\n

\n
\n\n
\n

\n How Myop works\n

\n

\n Myop turns AI-generated code into standalone components that link to existing systems through a\n secure runtime contract. With a one-time setup, teams can plug external code into live apps,\n make unlimited changes at runtime, and manage everything from one place.\n

\n
\n
\n
\n
\n\n \n
"},"id":"17f87fcb-a360-42e4-acb0-326ad6db2275"}],"defaultSkin":0,"createdOn":"2025-08-29T00:16:08.000Z","resolvedDefinitions":[]},"instance":{"id":"47c2db85-7fd8-4b96-9a08-fd6d6866d369","componentId":"5f8c7fe5-ae20-4d67-9a59-72862de70caa","componentName":"myop_landingpage_section3","skinSelector":{"type":"Segmented","segments":[{"segmentId":"75106faf-bf4b-461d-8c10-0a44b6dcb000","skinSelector":{"type":"Dedicated","skin":{"id":"02847e5e-5da3-47cb-aa03-e9e67fa7a3c4"}}},{"segmentId":"Default","skinSelector":{"type":"Dedicated","skin":{"id":"02847e5e-5da3-47cb-aa03-e9e67fa7a3c4"}}}]},"resolvedExperiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}]},"name":"myop_landingpage_section3"},{"type":{"id":"d5f25ec5-c6fa-45f2-9b8d-e81cdd08c60a","name":"myop_landingpage_section4_new","description":"","props":[],"refs":[{"id":"","name":"start_btn","description":"","selectorType":"id-attribute","selector":"start_btn","behavior":{"type":"code"}},{"id":"","name":"join_community_btn","description":"","selectorType":"id-attribute","selector":"join_community_btn","behavior":{"type":"code"}}],"skins":[{"name":"skin_1","description":"","loader":{"type":"HTMLLoader","HTML":"
\n
\n\n
\n
\n
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n
\n
\n\n
\n
\n

You're one step away

\n

Unlock the next level of UI flexibility. Start building, experimenting and\n optimizing\n your components. No\n redeploys, no downtime, just full control at runtime.

\n \n \n \n
\n\n
\n

Join Our Community!

\n

Join our Discord community. Connect with\n passionate developers, get\n expert help, share knowledge and play a role in shaping Myop.

\n \n \n \n
\n
\n
\n \n
"},"id":"8cb6a18f-d98c-4655-a487-72d3b901dce9"},{"name":"new copy","description":"","loader":{"type":"HTMLLoader","HTML":"
\n
\n\n
\n
\n
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n
\n
\n
\n\n
\n
\n

Let’s Connect

\n

Whether you’re looking to connect external AI code into your live product, plug\n React or Vue.js components into your side AI project, or join us (we’re hiring), let’s talk!

\n \n \n \n
\n\n
\n

Join Our Community!

\n

Connect with developers who are already building the AI-native future. Share\n ideas, get support and help shape what comes next. Your competitive advantage starts here.

\n \n \n \n
\n
\n
\n \n
","shadowRootMode":"none"},"id":"26ebd214-56a4-4413-a31b-6926fb44ea4f"}],"defaultSkin":0,"createdOn":"2025-08-28T08:40:03.000Z","resolvedDefinitions":[]},"instance":{"id":"7aa60c2b-c2ed-42ea-9235-9121193f8c8e","componentId":"d5f25ec5-c6fa-45f2-9b8d-e81cdd08c60a","componentName":"myop_landingpage_section4_new","skinSelector":{"type":"Dedicated","skin":{"id":"26ebd214-56a4-4413-a31b-6926fb44ea4f"}},"nestedComponents":[],"resolvedNestedComponents":[],"resolvedExperiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}]},"name":"myop_landingpage_section4_new"},{"type":{"id":"d1b9edad-7c43-410e-91f4-0d1917b80a6a","name":"myop_landingpage_footer","description":"","props":[{"id":"","name":"prop_1","description":"","type":"any","mode":"input","behavior":{"type":"message","message":"InitRequest","ref":"none","params":[]}}],"refs":[],"skins":[{"name":"skin_1","description":"","loader":{"type":"HTMLLoader","HTML":"
\n\n
\n\n
\n\n
\n \n \n \n \n
\n\n
\n\n \n \n \n\n\n \n \n \n\n \n \n \n\n\n \n \n \n\n\n
\n
\n\n\n\n\n
\n\n\n \n\n
"},"id":"580c06d6-31b6-4801-a15c-0c089aaee180"},{"name":"empty","description":"","loader":{"type":"HTMLLoader","HTML":"
\n \n
"},"id":"a34916b7-e441-46ae-9b46-7883f615446d"},{"name":"newFooter","description":"new footer","loader":{"type":"HTMLLoader","HTML":"
\n
\n
\n
\n
\n

Docs

\n \n
\n\n
\n

Community

\n \n
\n\n
\n

About

\n \n
\n\n
\n

More

\n \n
\n
\n\n
\n

Copyright © 2025 Myop.dev, Inc

\n
\n
\n
\n\n \n
"},"id":"545cd489-422c-4df9-98be-f68ee285fcfb"}],"defaultSkin":1,"createdOn":"2025-07-21T08:24:09.000Z","resolvedDefinitions":[]},"instance":{"id":"55233647-3716-4e86-a8b8-da3e6a285a68","componentId":"d1b9edad-7c43-410e-91f4-0d1917b80a6a","componentName":"myop_landingpage_footer","skinSelector":{"type":"Segmented","segments":[{"segmentId":"75106faf-bf4b-461d-8c10-0a44b6dcb000","skinSelector":{"type":"Dedicated","skin":{"id":"545cd489-422c-4df9-98be-f68ee285fcfb"}}},{"segmentId":"Default","skinSelector":{"type":"Dedicated","skin":{"id":"545cd489-422c-4df9-98be-f68ee285fcfb"}}}]},"nestedComponents":[],"resolvedNestedComponents":[],"resolvedExperiences":[{"id":"7ef254ef-9032-4e18-866e-84ecd71f2998","name":"","type":"Segment","segment":{"type":"FunctionResult","name":"BetaVersion","description":"This \"segment\" dynamically adapts its properties at runtime based on a boolean function, enabling flexible interactions and real-time responsiveness.","function":"showBetaVersion","id":"75106faf-bf4b-461d-8c10-0a44b6dcb000","updatedOn":"2025-07-03T09:15:58.000Z","createdOn":"2025-07-03T09:15:58.000Z"},"experiences":[]}]},"name":"myop_landingpage_footer"}]}}