{"path":"/blog/write-platform-specific-code-in-flutter-apps","inSitemap":true,"title":"Write Platform-Specific Code in Flutter Apps","meta":[{"name":"description","content":"Learn how to call platform-specific code from Flutter using platform channels and Pigeon. Build native features for Android, iOS, Windows, macOS, and Linux..     6 mins read.   #tags:   custom platform-specific code"},{"name":"framer-search-index-fallback","content":"https://framerusercontent.com/sites/uLPfUfheUVRyj16QzajMh/searchIndex-0J0jIe58LWZr.json"},{"property":"og:type","content":"website"},{"property":"og:title","content":"Write Platform-Specific Code in Flutter Apps"},{"property":"og:description","content":"Learn how to call platform-specific code from Flutter using platform channels and Pigeon. Build native features for Android, iOS, Windows, macOS, and Linux..     6 mins read.   #tags:   custom platform-specific code"},{"property":"og:image","content":"/assets/ba47f29445ea8d1ef431.jpg"},{"name":"twitter:card","content":"summary_large_image"},{"name":"twitter:title","content":"Write Platform-Specific Code in Flutter Apps"},{"name":"twitter:description","content":"Learn how to call platform-specific code from Flutter using platform channels and Pigeon. Build native features for Android, iOS, Windows, macOS, and Linux..     6 mins read.   #tags:   custom platform-specific code"},{"name":"twitter:image","content":"/assets/ba47f29445ea8d1ef431.jpg"},{"property":"og:url","content":"https://www.blup.in/blog/write-platform-specific-code-in-flutter-apps"},{"name":"robots","content":"max-image-preview:large"}],"styles":["/styles/fcd8c447ac8de91fd0aa.css","/styles/eabe02ceefa6313a77e0.css","/styles/fc46516324d449c30284.css","/styles/c1d80ceddad77aeb0f11.css"],"html":"<div id=\"main\"><div class=\"framer-hPdnI framer-i80KB framer-7HicZ framer-dsf0b6\" style=\"min-height:100vh;width:auto\"><div class=\"framer-1yxm5g0-container\" id=\"header\"><div class=\"ssr-variant hidden-1ufyj62 hidden-8fvzmb\"><div class=\"framer-xibiy framer-6ywapy framer-v-6ywapy\" data-border=\"true\" data-framer-name=\"Desktop\" style=\"--border-bottom-width:1px;--border-color:rgb(234, 236, 240);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(248, 249, 251);width:100%;box-shadow:0px 0.6021873017743928px 1.8065619053231785px -1.4166666666666665px rgba(0, 0, 0, 0.08078), 0px 2.288533303243457px 6.8655999097303715px -2.833333333333333px rgba(0, 0, 0, 0.06898), 0px 10px 30px -4.25px rgba(0, 0, 0, 0.015)\"><div class=\"framer-qiusy1\" data-framer-name=\"Container\"><a as=\"a\" class=\"framer-13aedad framer-1iytt5s\" data-framer-name=\"Logo\" href=\"/\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"76\" loading=\"lazy\" src=\"/assets/5443710390cff9ca5b70.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"239\"/></div></a><div class=\"framer-ru58l6\" data-framer-name=\"Frame 183\"><div class=\"framer-1y6b50d-container\" data-framer-name=\"Product 2.0\" name=\"Product 2.0\"><div class=\"framer-C0v5S framer-1ciwyp7 framer-v-1ciwyp7\" data-blup-menu=\"Product\" name=\"Product 2.0\" tabindex=\"0\"><div class=\"framer-18a4l9a\" data-framer-name=\"link_Button\"><div class=\"framer-rdgtje\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9cl9d\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Product</p></div><div class=\"framer-1c1zw7m-container\" style=\"transform:none\"><div class=\"framer-ehosi framer-ourfv2 framer-v-15sj201\" data-framer-name=\"chevron-down\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-1io6nwf\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\"><use href=\"#svg1408347314\"></use></svg></div></div></div></div></div></div><div class=\"framer-gncfry\" style=\"background-color:rgb(255, 255, 255);opacity:0\"></div></div></div><div class=\"framer-1e4vchj\" data-framer-name=\"Use Cases 2.0\"><div class=\"framer-1ekdgx1-container\"><div class=\"framer-cfuLF framer-13p2sb0 framer-v-13p2sb0\" data-blup-menu=\"Use cases\" style=\"height:100%\" tabindex=\"0\"><div class=\"framer-16u0nqa\" data-framer-name=\"link_Button\"><div class=\"framer-u47gn2\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-yynoim\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Use cases</p></div><div class=\"framer-17eeig4-container\" style=\"transform:none\"><div class=\"framer-ehosi framer-ourfv2 framer-v-15sj201\" data-framer-name=\"chevron-down\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-1io6nwf\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\"><use href=\"#svg1408347314\"></use></svg></div></div></div></div></div></div><div class=\"framer-1948dyj\" style=\"background-color:rgb(255, 255, 255);opacity:0\"></div></div></div></div><div class=\"framer-3f67p4\" data-framer-name=\"Link \"><div class=\"framer-qojff0-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-70ultu framer-11djfb2\" data-framer-name=\"Default\" href=\"/madeinblup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Made in Blup</p></div></div></a></div></div><div class=\"framer-3f67p4\" data-framer-name=\"Link \"><div class=\"framer-qojff0-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-70ultu framer-11djfb2\" data-framer-name=\"Default\" href=\"/services\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blup Services</p></div></div></a></div></div><div class=\"framer-ihe3ge\" data-framer-name=\"Use Cases 2.0\"><div class=\"framer-xp1rdf-container\"><div class=\"framer-ubPxe framer-1ww8nh framer-v-1ww8nh\" data-blup-menu=\"Learn\" style=\"height:100%\" tabindex=\"0\"><div class=\"framer-d2v0qw\" data-framer-name=\"link_Button\"><div class=\"framer-1rbpfzv\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-x8pyku\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Learn</p></div><div class=\"framer-17jz11y-container\" style=\"transform:none\"><div class=\"framer-ehosi framer-ourfv2 framer-v-15sj201\" data-framer-name=\"chevron-down\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-1io6nwf\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\"><use href=\"#svg1408347314\"></use></svg></div></div></div></div></div></div><div class=\"framer-xwd2te\" style=\"background-color:rgb(255, 255, 255);opacity:0\"></div></div></div></div><div class=\"framer-1ytkbo3\" data-framer-name=\"Use Cases 2.0\"><div class=\"framer-1ce3xc9-container\"><div class=\"framer-0pJpv framer-1bj0kq framer-v-1bj0kq\" data-blup-menu=\"Support\" style=\"height:100%\" tabindex=\"0\"><div class=\"framer-3t4u2j\" data-framer-name=\"link_Button\"><div class=\"framer-13vrwxr\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-18q572i\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Support</p></div><div class=\"framer-1igg8d-container\" style=\"transform:none\"><div class=\"framer-ehosi framer-ourfv2 framer-v-15sj201\" data-framer-name=\"chevron-down\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-1io6nwf\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\"><use href=\"#svg1408347314\"></use></svg></div></div></div></div></div></div><div class=\"framer-evsbgh\" style=\"background-color:rgb(255, 255, 255);opacity:0\"></div></div></div></div><div class=\"framer-cbnvi2-container\"><div class=\"framer-4yN1j framer-145q46r framer-v-1qiumbb\" data-framer-name=\"Secondary\" tabindex=\"0\"><a class=\"framer-11gtd17 framer-1wzkr1z\" data-border=\"true\" data-framer-name=\"state-layer\" href=\"/downloads\" style=\"--border-bottom-width:1px;--border-color:var(--token-752f302c-7736-44ca-81fe-44267ead36e6, rgb(207, 212, 220));--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;background-color:var(--token-4850321c-09dc-4c8d-aa78-f1cddf21ccf5, rgb(255, 255, 255));border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.05000000074505806)\"><div class=\"framer-1ukhyqq-container\"><div class=\"framer-TERe0 framer-v-16czjzv\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-4t0nb8\" data-framer-name=\"Download\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-swsxm9\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 18 18\"><use href=\"#svg-1330787638_270\"></use></svg></div></div></div></div></div><div class=\"framer-1gzcpny\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-d7d6b21c-d2e1-44c1-bc08-bf2a1c56fd79, rgb(51, 64, 83));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-d7d6b21c-d2e1-44c1-bc08-bf2a1c56fd79, rgb(51, 64, 83)))'>Download</p></div></a></div></div></div></div></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-xibiy framer-6ywapy framer-v-aarw4q\" data-border=\"true\" data-framer-name=\"Mobile\" style=\"--border-bottom-width:1px;--border-color:rgb(234, 236, 240);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(248, 249, 251);width:100%;box-shadow:0px 0.6021873017743928px 1.8065619053231785px -1.4166666666666665px rgba(0, 0, 0, 0.08078), 0px 2.288533303243457px 6.8655999097303715px -2.833333333333333px rgba(0, 0, 0, 0.06898), 0px 10px 30px -4.25px rgba(0, 0, 0, 0.015)\"><div class=\"framer-qiusy1\" data-framer-name=\"Container\"><a as=\"a\" class=\"framer-13aedad framer-1iytt5s\" data-framer-name=\"Logo\" href=\"/\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"76\" loading=\"lazy\" src=\"/assets/5443710390cff9ca5b70.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"239\"/></div></a><div class=\"framer-158w4lc\"><div class=\"framer-1ahbe5h\" data-blup-mobile-menu=\"true\" data-framer-name=\"menu-01\" data-highlight=\"true\" tabindex=\"0\"><div class=\"framer-17ngt9l\" style=\"background-color:rgb(51, 64, 84);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px\"></div><div class=\"framer-1lobilz\" style=\"background-color:rgb(51, 64, 84);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px\"></div><div class=\"framer-v2tr1w\" style=\"background-color:rgb(51, 64, 84);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px\"></div></div></div></div></div></div><div class=\"ssr-variant hidden-1ufyj62 hidden-dsf0b6 hidden-14ytltw hidden-17wka1b\"><div class=\"framer-xibiy framer-6ywapy framer-v-1t9o6hp\" data-border=\"true\" data-framer-name=\"Tablet\" style=\"--border-bottom-width:1px;--border-color:rgb(234, 236, 240);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(248, 249, 251);width:100%;box-shadow:0px 0.6021873017743928px 1.8065619053231785px -1.4166666666666665px rgba(0, 0, 0, 0.08078), 0px 2.288533303243457px 6.8655999097303715px -2.833333333333333px rgba(0, 0, 0, 0.06898), 0px 10px 30px -4.25px rgba(0, 0, 0, 0.015)\"><div class=\"framer-qiusy1\" data-framer-name=\"Container\"><a as=\"a\" class=\"framer-13aedad framer-1iytt5s\" data-framer-name=\"Logo\" href=\"/\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"76\" loading=\"lazy\" src=\"/assets/5443710390cff9ca5b70.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"239\"/></div></a><div class=\"framer-eap29\"><div class=\"framer-rnz5vn\" data-blup-mobile-menu=\"true\" data-framer-name=\"menu-01\" data-highlight=\"true\" tabindex=\"0\"><div class=\"framer-t89y75\" style=\"background-color:rgb(51, 64, 84);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px\"></div><div class=\"framer-3a6ous\" style=\"background-color:rgb(51, 64, 84);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px\"></div><div class=\"framer-1bs6dfj\" style=\"background-color:rgb(51, 64, 84);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px\"></div></div></div><div class=\"framer-ru58l6\" data-framer-name=\"Frame 183\"><div class=\"framer-1y6b50d-container\" data-framer-name=\"Product 2.0\" name=\"Product 2.0\"><div class=\"framer-C0v5S framer-1ciwyp7 framer-v-1ciwyp7\" data-blup-menu=\"Product\" name=\"Product 2.0\" tabindex=\"0\"><div class=\"framer-18a4l9a\" data-framer-name=\"link_Button\"><div class=\"framer-rdgtje\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9cl9d\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Product</p></div><div class=\"framer-1c1zw7m-container\" style=\"transform:none\"><div class=\"framer-ehosi framer-ourfv2 framer-v-15sj201\" data-framer-name=\"chevron-down\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-1io6nwf\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\"><use href=\"#svg1408347314\"></use></svg></div></div></div></div></div></div><div class=\"framer-gncfry\" style=\"background-color:rgb(255, 255, 255);opacity:0\"></div></div></div><div class=\"framer-3f67p4\" data-framer-name=\"Link \"><div class=\"framer-qojff0-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-70ultu framer-11djfb2\" data-framer-name=\"Default\" href=\"/madeinblup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Made in Blup</p></div></div></a></div></div><div class=\"framer-3f67p4\" data-framer-name=\"Link \"><div class=\"framer-qojff0-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-70ultu framer-11djfb2\" data-framer-name=\"Default\" href=\"/services\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blup Services</p></div></div></a></div></div><div class=\"framer-cbnvi2-container\"><div class=\"framer-4yN1j framer-145q46r framer-v-1qiumbb\" data-framer-name=\"Secondary\" tabindex=\"0\"><a class=\"framer-11gtd17 framer-1wzkr1z\" data-border=\"true\" data-framer-name=\"state-layer\" href=\"/downloads\" style=\"--border-bottom-width:1px;--border-color:var(--token-752f302c-7736-44ca-81fe-44267ead36e6, rgb(207, 212, 220));--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;background-color:var(--token-4850321c-09dc-4c8d-aa78-f1cddf21ccf5, rgb(255, 255, 255));border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.05000000074505806)\"><div class=\"framer-1ukhyqq-container\"><div class=\"framer-TERe0 framer-v-16czjzv\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-4t0nb8\" data-framer-name=\"Download\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-swsxm9\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 18 18\"><use href=\"#svg-1330787638_270\"></use></svg></div></div></div></div></div><div class=\"framer-1gzcpny\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-d7d6b21c-d2e1-44c1-bc08-bf2a1c56fd79, rgb(51, 64, 83));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-d7d6b21c-d2e1-44c1-bc08-bf2a1c56fd79, rgb(51, 64, 83)))'>Download</p></div></a></div></div></div></div></div></div></div><div class=\"framer-14wkfcy\" data-framer-name=\"Frame 347\" name=\"Frame 347\"><div class=\"framer-1qmycze\" data-framer-name=\"left\" name=\"left\"><div class=\"framer-laaue8\" data-framer-name=\"Frame 350\" name=\"Frame 350\"><div class=\"framer-pwjmbm\" data-framer-name=\"Frame 364\" name=\"Frame 364\"><div class=\"framer-rh267h\"><div class=\"framer-1bzu7kr\" data-framer-name=\"Post\" name=\"Post\"><div class=\"framer-5nqfsw\"><div class=\"framer-1mtvqf3\"><div class=\"framer-oob91v-container\"><a aria-label=\"Back to blogs\" class=\"framer-dSleH framer-ujf7jr framer-v-ujf7jr framer-1ez0845\" data-blup-blog-back=\"true\" data-framer-name=\"Variant 1\" href=\"/blogs\" style=\"background-color:rgb(245, 245, 247);border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top-left-radius:30px;border-top-right-radius:30px\" tabindex=\"0\" title=\"Back to blogs\"><div aria-hidden=\"true\" class=\"framer-1yz2ob3\" data-framer-component-type=\"SVG\" data-framer-name=\"arrow_back_FILL0_wght400_GRAD0_opsz48\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 18 18%22&gt;&lt;path d=%22M 8.381 14.606 L 3.169 9.394 C 3.106 9.331 3.063 9.269 3.038 9.206 C 3.013 9.144 3 9.075 3 9 C 3 8.925 3.013 8.856 3.038 8.794 C 3.063 8.731 3.106 8.669 3.169 8.606 L 8.4 3.375 C 8.5 3.275 8.625 3.225 8.775 3.225 C 8.925 3.225 9.056 3.281 9.169 3.394 C 9.281 3.506 9.338 3.638 9.338 3.788 C 9.338 3.938 9.281 4.069 9.169 4.181 L 4.913 8.438 L 14.213 8.438 C 14.375 8.438 14.509 8.491 14.616 8.597 C 14.722 8.703 14.775 8.838 14.775 9 C 14.775 9.163 14.722 9.297 14.616 9.403 C 14.509 9.509 14.375 9.563 14.213 9.563 L 4.913 9.563 L 9.188 13.838 C 9.288 13.938 9.338 14.063 9.338 14.213 C 9.338 14.363 9.281 14.494 9.169 14.606 C 9.056 14.719 8.925 14.775 8.775 14.775 C 8.625 14.775 8.494 14.719 8.381 14.606 Z%22 fill=%22%235D5E67%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></a></div><div class=\"framer-1lb8edw\"><div class=\"framer-6itpre\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Tag\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:12px;--framer-line-height:1.4em;--framer-text-alignment:left;--framer-text-color:rgb(153, 153, 153)'>Platform Integration</p></div></div><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-s7npuo\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Date\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:12px;--framer-text-alignment:left;--framer-text-color:rgb(153, 153, 153)'>6 mins</p></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-s7npuo\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Date\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:14px;--framer-line-height:1.8em;--framer-text-alignment:left;--framer-text-color:rgb(153, 153, 153)'>6 mins</p></div></div></div><div class=\"framer-60lziu\"><div class=\"framer-1ji6ztf\"><div class=\"framer-5lmbac\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"695\" loading=\"lazy\" sizes=\"(min-width: 1440px) max(30px, 20px), (min-width: 1280px) and (max-width: 1439px) max(30px, 20px), (min-width: 1200px) and (max-width: 1279px) max(30px, 20px), (min-width: 810px) and (max-width: 1199px) max(30px, 20px), (max-width: 809px) max(30px, 20px)\" src=\"/assets/95985c387324f87ed8c4.jpeg\" srcset=\"/assets/95985c387324f87ed8c4.jpeg 693w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"693\"/></div></div><div class=\"framer-ar3aqn\"><div class=\"framer-900i68\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Date\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-text-alignment:left;--framer-text-color:rgb(153, 153, 153)'>Sahaj Rana</p></div><div class=\"framer-n4lfbw\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Date\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:8px;--framer-line-height:1.4em;--framer-text-alignment:left;--framer-text-color:rgb(189, 189, 189)'>Published on Jun 28, 2025</p></div></div></div><div class=\"framer-1v8ak46\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Date\" style=\"transform:translateY(-50%)\"><p class=\"framer-text framer-styles-preset-1c2h933\" data-styles-preset=\"Sm3MuRlB9\" style=\"--framer-text-color:rgb(153, 153, 153)\"></p></div></div></div><div class=\"framer-snszpd\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Title\" style=\"transform:none\"><h1 class=\"framer-text framer-styles-preset-geofzl\" data-styles-preset=\"n0Q6sZapN\" style=\"--framer-text-color:rgb(36, 36, 36)\">Write Platform-Specific Code in Flutter Apps</h1></div></div><div class=\"framer-13mhgvz\"><div class=\"ssr-variant\"><div class=\"framer-1dxkebz\" data-border=\"true\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"800\" loading=\"lazy\" sizes=\"(min-width: 1440px) max(849px, 100vw), (min-width: 1280px) and (max-width: 1439px) max(849px, 100vw), (min-width: 1200px) and (max-width: 1279px) max(849px, 100vw), (min-width: 810px) and (max-width: 1199px) max(849px, 100vw), (max-width: 809px) max(max(100vw - 32px, 1px), calc(100vw - 72px))\" src=\"/assets/ba47f29445ea8d1ef431.jpg\" srcset=\"/assets/ba47f29445ea8d1ef431.jpg 512w,/assets/ba47f29445ea8d1ef431.jpg 1024w,/assets/ba47f29445ea8d1ef431.jpg 1600w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"1600\"/></div></div></div></div><div class=\"framer-h0on9h\"><div class=\"ssr-variant\"><div class=\"framer-jnt20q-container\" id=\"section-title-1\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Platform-Specific Code</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-1wrs6dq-container\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">While Flutter provides a rich set of cross-platform widgets, sometimes you need to tap into platform-specific APIs—for camera access, sensors, native dialogs, or system services. That’s where <strong class=\"framer-text\">platform channels</strong> come in. They let you write native code in Android, iOS, Windows, macOS, or Linux and call it directly from Dart.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Learn how to call platform-specific code in Flutter using platform channels and Pigeon. This guide covers native integration for Android, iOS, Windows, macOS, and Linux with best practices for clean, maintainable architecture.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">In this guide, you’ll learn how to create a custom Flutter app that calls native code across all major platforms. We’ll explore the architectural setup, supported data types, and how to use both <strong class=\"framer-text\">platform channels</strong> and <strong class=\"framer-text\">Pigeon</strong> for type-safe communication. You'll also understand how threading works in this setup and how to keep platform code clean and reusable—essential for building plugins or publishing packages.</p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-ny82pe-container\" data-framer-name=\"Section Title 2\" id=\"section-title-2\" name=\"Section Title 2\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" name=\"Section Title 2\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Overview</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-8kcijx-container\" data-framer-name=\"Section 2\" name=\"Section 2\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 2\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Flutter allows you to write <strong class=\"framer-text\">platform-specific code</strong> to access native functionality that's not available through the Flutter framework. You can do this in two primary ways:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">Platform Channels</strong>: Send asynchronous messages between Dart and native code on Android, iOS, Windows, macOS, or Linux. See <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#example\" rel=\"\">Call platform-specific code using platform channels</a>.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">Pigeon Package</strong>: Generate <strong class=\"framer-text\">type-safe</strong> code for platform communication using a declarative Dart syntax. See the <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#pigeon\" rel=\"\">Call platform-specific code using the Pigeon package</a>.</p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">Flutter currently supports the following platforms and native languages:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">Android</strong>: Kotlin, Java</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">iOS</strong>: Swift, Objective-C</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">Windows</strong>: C++</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">macOS</strong>: Objective-C</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">Linux</strong>: C</p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">These tools let you integrate custom native features while maintaining Flutter’s cross-platform codebase.</p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-mrw03d-container\" data-framer-name=\"Section 3\" name=\"Section 3\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 3\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Flutter’s platform channels provide a seamless way to pass messages between the Dart UI layer (client) and platform-specific native code (host). This architecture ensures communication happens <strong class=\"framer-text\">asynchronously</strong>, keeping the UI responsive even during heavy operations.</p><img alt=\"\" class=\"framer-text framer-image framer-styles-preset-15jg1ur\" height=\"323\" loading=\"lazy\" src=\"/assets/31c76ee768570a1b3e99.png\" style=\"aspect-ratio:580 / 647\" width=\"290\"/><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">On the <strong class=\"framer-text\">Flutter side</strong>, <code class=\"framer-text framer-styles-preset-xgmhyo\">MethodChannel</code> is used to send method calls.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">On the <strong class=\"framer-text\">Android side</strong>, messages are received via <code class=\"framer-text framer-styles-preset-xgmhyo\">MethodChannel</code> (Kotlin/Java).</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">On the <strong class=\"framer-text\">iOS side</strong>, <code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterMethodChannel</code> (Swift/Objective-C) is used to handle method calls and return responses.</p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">This setup minimizes boilerplate, making it easy to build plugins or access native services.</p><blockquote class=\"framer-text framer-styles-preset-kvlcji\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">🔄 Note: All method calls must be invoked on the platform’s <strong class=\"framer-text\">main thread</strong>, even though Flutter handles communication asynchronously. For details, see the threading section.</p></blockquote><p class=\"framer-text framer-styles-preset-1bmjcgb\">Additionally, the channel communication is <strong class=\"framer-text\">bidirectional</strong>—platforms can also call Dart methods. A practical example is the <code class=\"framer-text framer-styles-preset-xgmhyo\">quick_actions</code> plugin, where the native side initiates the call.</p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-mtokil-container\" data-framer-name=\"Section 4\" name=\"Section 4\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 4\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Flutter uses the <code class=\"framer-text framer-styles-preset-xgmhyo\">StandardMessageCodec</code> to serialize and deserialize data between Dart and native code. It supports a range of JSON-like values for seamless integration.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Here's how Dart types map to Kotlin types:</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Flutter uses the <code class=\"framer-text framer-styles-preset-xgmhyo\">StandardMessageCodec</code> to serialize and deserialize data between Dart and native code. It supports a range of JSON-like values for seamless integration.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Here's how Dart types map to Kotlin types:</p><figure class=\"framer-text framer-table-wrapper\"><table class=\"framer-text framer-styles-preset-40jt83\"><tbody class=\"framer-text\"><tr class=\"framer-text\"><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Dart Type</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Kotlin Type</p></th></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">null</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">null</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">bool</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Boolean</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">int (≤32-bit)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Int</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">int (&gt;32-bit)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Long</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">double</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Double</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">String</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">String</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Uint8List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">ByteArray</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Int32List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">IntArray</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Int64List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">LongArray</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Float32List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FloatArray</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Float64List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">DoubleArray</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">List</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Map</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">HashMap</code></p></td></tr></tbody></table></figure><p class=\"framer-text framer-styles-preset-1bmjcgb\">Dart to Native Type Mapping Across Platforms</p><figure class=\"framer-text framer-table-wrapper\"><table class=\"framer-text framer-styles-preset-40jt83\"><tbody class=\"framer-text\"><tr class=\"framer-text\"><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Dart Type</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Java</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Kotlin</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Swift</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Objective-C</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">C++</p></th><th class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">C (GObject)</p></th></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">null</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">null</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">null</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">nil</code> (<code class=\"framer-text framer-styles-preset-xgmhyo\">NSNull</code> if nested)</p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">nil</code> (<code class=\"framer-text framer-styles-preset-xgmhyo\">NSNull</code> if nested)</p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue()</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue()</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">bool</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.lang.Boolean</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Boolean</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber(value: Bool)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber numberWithBool:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(bool)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(bool)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">int (≤32 bits)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.lang.Integer</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Int</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber(value: Int32)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber numberWithInt:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(int32_t)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(int64_t)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">int (&gt;32 bits)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.lang.Long</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Long</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber(value: Int)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber numberWithLong:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(int64_t)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(int64_t)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">double</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.lang.Double</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Double</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber(value: Double)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSNumber numberWithDouble:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(double)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(double)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">String</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.lang.String</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">String</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">String</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSString</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::string)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(gchar*)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Uint8List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">byte[]</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">ByteArray</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData(bytes: Data)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData typedDataWithBytes:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::vector&lt;uint8_t&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(uint8_t*)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Int32List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">int[]</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">IntArray</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData(int32: Data)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData typedDataWithInt32:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::vector&lt;int32_t&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(int32_t*)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Int64List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">long[]</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">LongArray</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData(int64: Data)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData typedDataWithInt64:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::vector&lt;int64_t&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(int64_t*)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Float32List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">float[]</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FloatArray</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData(float32: Data)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData typedDataWithFloat32:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::vector&lt;float&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(float*)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Float64List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">double[]</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">DoubleArray</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData(float64: Data)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterStandardTypedData typedDataWithFloat64:</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::vector&lt;double&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(double*)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.util.ArrayList</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">List</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Array</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSArray</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::vector&lt;EncodableValue&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(FlValue)</code></p></td></tr><tr class=\"framer-text\"><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Map</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">java.util.HashMap</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">HashMap</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">Dictionary</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">NSDictionary</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">EncodableValue(std::map&lt;EncodableValue, EncodableValue&gt;)</code></p></td><td class=\"framer-text\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\">FlValue(FlValue, FlValue)</code></p></td></tr></tbody></table></figure><p class=\"framer-text framer-styles-preset-1bmjcgb\">Let me know if you’d like a downloadable format (CSV or Markdown table) or platform-specific examples for each data type usage.</p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-1qlq6g9-container\" data-framer-name=\"Section Title 5\" id=\"section-title-5\" name=\"Section Title 5\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" name=\"Section Title 5\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Call Platform-Specific Code Using Platform Channels</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-xk80tz-container\" data-framer-name=\"Section 5\" name=\"Section 5\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 5\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">This example shows how to fetch and display the current battery level across Android, iOS, Windows, macOS, and Linux using a single method call: <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel()</code>.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">You can place platform-specific code directly in your app, or package it into reusable plugins. The dual use of platform channels works the same in both cases.</p><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 1: Create a new app project<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#example-project\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start by creating a new app:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">In a terminal run: <code class=\"framer-text framer-styles-preset-xgmhyo\">flutter create batterylevel</code></p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">By default, our template supports writing Android code using Kotlin, or iOS code using Swift. To use Java or Objective-C, use the <code class=\"framer-text framer-styles-preset-xgmhyo\">-i</code> and/or <code class=\"framer-text framer-styles-preset-xgmhyo\">-a</code> flags:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">In a terminal run: <code class=\"framer-text framer-styles-preset-xgmhyo\">flutter create -i objc -a java batterylevel</code></p></li></ul><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 2: Create the Flutter platform client<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#example-client\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">The app's <code class=\"framer-text framer-styles-preset-xgmhyo\">State</code> class holds the current app state. Extend that to hold the current battery state.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">First, construct the channel. Use a <code class=\"framer-text framer-styles-preset-xgmhyo\">MethodChannel</code> with a single platform method that returns the battery level.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">The client and host sides of a channel are connected through a channel name passed in the channel constructor. All channel names used in a single app must be unique; prefix the channel name with a unique 'domain prefix', for example: <code class=\"framer-text framer-styles-preset-xgmhyo\">samples.flutter.dev/battery</code>.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'dart:async'</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'package:flutter/material.dart'</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'package:flutter/services.dart'</span><span class=\"sp-syntax-punctuation\">;</span></code></pre></div></div></div></div></div></div><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">class</span> _MyHomePageState <span class=\"sp-syntax-keyword\">extends</span> <span class=\"sp-syntax-plain\">State</span>&lt;<span class=\"sp-syntax-plain\">MyHomePage</span>&gt; <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-property\">static </span><span class=\"sp-syntax-keyword\">const</span> <span class=\"sp-syntax-plain\">platform</span> = <span class=\"sp-syntax-definition\">MethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">'samples.flutter.dev/battery'</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-comment\">// Get battery level.</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Next, invoke a method on the method channel, specifying the concrete method to call using the <code class=\"framer-text framer-styles-preset-xgmhyo\">String</code> identifier <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel</code>. The call might fail—for example, if the platform doesn't support the platform API (such as when running in a simulator), so wrap the <code class=\"framer-text framer-styles-preset-xgmhyo\">invokeMethod</code> call in a try-catch statement.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Use the returned result to update the user interface state in <code class=\"framer-text framer-styles-preset-xgmhyo\">_batteryLevel</code> inside <code class=\"framer-text framer-styles-preset-xgmhyo\">setState</code>.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-comment\">// Get battery level.</span>\n<span class=\"sp-syntax-plain\">String </span><span class=\"sp-syntax-plain\">_batteryLevel</span> = <span class=\"sp-syntax-string\">'Unknown battery level.'</span><span class=\"sp-syntax-punctuation\">;</span>\n\n<span class=\"sp-syntax-plain\">Future</span>&lt;<span class=\"sp-syntax-keyword\">void</span>&gt; <span class=\"sp-syntax-definition\">_getBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-keyword\">async</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">String </span><span class=\"sp-syntax-plain\">batteryLevel</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-keyword\">try</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-plain\">final </span><span class=\"sp-syntax-plain\">result</span> = <span class=\"sp-syntax-keyword\">await</span> <span class=\"sp-syntax-plain\">platform</span>.<span class=\"sp-syntax-property\">invokeMethod</span>&lt;<span class=\"sp-syntax-plain\">int</span>&gt;<span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">'getBatteryLevel'</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n    <span class=\"sp-syntax-plain\">batteryLevel</span> = <span class=\"sp-syntax-string\">'Battery level at $result % .'</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span> <span class=\"sp-syntax-plain\">on </span><span class=\"sp-syntax-definition\">PlatformException </span><span class=\"sp-syntax-keyword\">catch</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">e</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-plain\">batteryLevel</span> = <span class=\"sp-syntax-string\">\"Failed to get battery level: '${e.message}'.\"</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n\n  <span class=\"sp-syntax-definition\">setState</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-plain\">_batteryLevel</span> = <span class=\"sp-syntax-plain\">batteryLevel</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Finally, replace the <code class=\"framer-text framer-styles-preset-xgmhyo\">build</code> method from the template to contain a small user interface that displays the battery state in a string, and a button for refreshing the value.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">@<span class=\"sp-syntax-plain\">override</span>\n<span class=\"sp-syntax-plain\">Widget </span><span class=\"sp-syntax-definition\">build</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">BuildContext </span>context<span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-keyword\">return</span> <span class=\"sp-syntax-definition\">Material</span><span class=\"sp-syntax-punctuation\">(</span>\n    <span class=\"sp-syntax-definition\">child</span><span class=\"sp-syntax-punctuation\">:</span> Center<span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-definition\">child</span><span class=\"sp-syntax-punctuation\">:</span> Column<span class=\"sp-syntax-punctuation\">(</span>\n        <span class=\"sp-syntax-plain\">mainAxisAlignment</span><span class=\"sp-syntax-punctuation\">:</span> MainAxisAlignment.<span class=\"sp-syntax-property\">spaceEvenly</span><span class=\"sp-syntax-punctuation\">,</span>\n        <span class=\"sp-syntax-plain\">children</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-punctuation\">[</span>\n          <span class=\"sp-syntax-definition\">ElevatedButton</span><span class=\"sp-syntax-punctuation\">(</span>\n            <span class=\"sp-syntax-plain\">onPressed</span><span class=\"sp-syntax-punctuation\">:</span> _getBatteryLevel<span class=\"sp-syntax-punctuation\">,</span>\n            <span class=\"sp-syntax-definition\">child</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-keyword\">const</span> Text<span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">'Get Battery Level'</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n          <span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n          <span class=\"sp-syntax-definition\">Text</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">_batteryLevel</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n        <span class=\"sp-syntax-punctuation\">]</span><span class=\"sp-syntax-punctuation\">,</span>\n      <span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n    <span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n  <span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 3: Add an Android platform-specific implementation<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#step-3-add-an-android-platform-specific-implementation\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#166-tab-panel\" rel=\"\">Kotlin</a>  | <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#167-tab-panel\" rel=\"\">Java</a></p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start by opening the Android host portion of your Flutter app in Android Studio:</p><ol class=\"framer-text\" style=\"--max-list-digits:1\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start Android Studio</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Select the menu item <strong class=\"framer-text\">File &gt; Open...</strong></p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Navigate to the directory holding your Flutter app, and select the <strong class=\"framer-text\">android</strong> folder inside it. Click <strong class=\"framer-text\">OK</strong>.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Open the file <code class=\"framer-text framer-styles-preset-xgmhyo\">MainActivity.kt</code> located in the <strong class=\"framer-text\">kotlin</strong> folder in the Project view.</p></li></ol><p class=\"framer-text framer-styles-preset-1bmjcgb\">Inside the <code class=\"framer-text framer-styles-preset-xgmhyo\">configureFlutterEngine()</code> method, create a <code class=\"framer-text framer-styles-preset-xgmhyo\">MethodChannel</code> and call <code class=\"framer-text framer-styles-preset-xgmhyo\">setMethodCallHandler()</code>. Make sure to use the same channel name as was used on the Flutter client side.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">androidx</span>.<span class=\"sp-syntax-plain\">annotation</span>.<span class=\"sp-syntax-property\">NonNull</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">io</span>.<span class=\"sp-syntax-plain\">flutter</span>.<span class=\"sp-syntax-property\">embedding</span>.<span class=\"sp-syntax-property\">android</span>.<span class=\"sp-syntax-property\">FlutterActivity</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">io</span>.<span class=\"sp-syntax-plain\">flutter</span>.<span class=\"sp-syntax-property\">embedding</span>.<span class=\"sp-syntax-property\">engine</span>.<span class=\"sp-syntax-property\">FlutterEngine</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">io</span>.<span class=\"sp-syntax-plain\">flutter</span>.<span class=\"sp-syntax-property\">plugin</span>.<span class=\"sp-syntax-property\">common</span>.<span class=\"sp-syntax-property\">MethodChannel</span>\n\n<span class=\"sp-syntax-keyword\">class</span> MainActivity: <span class=\"sp-syntax-definition\">FlutterActivity</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">private </span><span class=\"sp-syntax-plain\">val </span><span class=\"sp-syntax-plain\">CHANNEL</span> = <span class=\"sp-syntax-string\">\"samples.flutter.dev/battery\"</span>\n\n  <span class=\"sp-syntax-plain\">override </span><span class=\"sp-syntax-plain\">fun </span><span class=\"sp-syntax-definition\">configureFlutterEngine</span><span class=\"sp-syntax-punctuation\">(</span>@<span class=\"sp-syntax-plain\">NonNull </span>flutterEngine<span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">FlutterEngine</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-plain\"> </span><span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-static\">super</span>.<span class=\"sp-syntax-property\">configureFlutterEngine</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">flutterEngine</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-definition\">MethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">flutterEngine</span>.<span class=\"sp-syntax-property\">dartExecutor</span>.<span class=\"sp-syntax-property\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">CHANNEL</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span> <span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span> -&gt;\n      <span class=\"sp-syntax-comment\">// This method is invoked on the main thread.</span>\n      <span class=\"sp-syntax-comment\">// TODO</span>\n    <span class=\"sp-syntax-punctuation\">}</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the Android Kotlin code that uses the Android battery APIs to retrieve the battery level. This code is exactly the same as you would write in a native Android app.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">First, add the needed imports at the top of the file:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">content</span>.<span class=\"sp-syntax-property\">Context</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">content</span>.<span class=\"sp-syntax-property\">ContextWrapper</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">content</span>.<span class=\"sp-syntax-property\">Intent</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">content</span>.<span class=\"sp-syntax-property\">IntentFilter</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">os</span>.<span class=\"sp-syntax-property\">BatteryManager</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">os</span>.<span class=\"sp-syntax-property\">Build</span>.<span class=\"sp-syntax-property\">VERSION</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">android</span>.<span class=\"sp-syntax-plain\">os</span>.<span class=\"sp-syntax-property\">Build</span>.<span class=\"sp-syntax-property\">VERSION_CODES</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Next, add the following method in the <code class=\"framer-text framer-styles-preset-xgmhyo\">MainActivity</code> class, below the <code class=\"framer-text framer-styles-preset-xgmhyo\">configureFlutterEngine()</code> method:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">  <span class=\"sp-syntax-plain\">private </span><span class=\"sp-syntax-plain\">fun </span><span class=\"sp-syntax-definition\">getBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">Int </span><span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-plain\">val </span>batteryLevel<span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">Int</span>\n    <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">VERSION</span>.<span class=\"sp-syntax-property\">SDK_INT</span> &gt;= <span class=\"sp-syntax-plain\">VERSION_CODES</span>.<span class=\"sp-syntax-property\">LOLLIPOP</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-plain\">val </span><span class=\"sp-syntax-plain\">batteryManager</span> = <span class=\"sp-syntax-definition\">getSystemService</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">Context</span>.<span class=\"sp-syntax-property\">BATTERY_SERVICE</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-keyword\">as</span> BatteryManager\n      <span class=\"sp-syntax-plain\">batteryLevel</span> = <span class=\"sp-syntax-plain\">batteryManager</span>.<span class=\"sp-syntax-property\">getIntProperty</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">BatteryManager</span>.<span class=\"sp-syntax-property\">BATTERY_PROPERTY_CAPACITY</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-punctuation\">}</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-plain\">val </span><span class=\"sp-syntax-plain\">intent</span> = <span class=\"sp-syntax-definition\">ContextWrapper</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">applicationContext</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">registerReceiver</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">null</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-definition\">IntentFilter</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">Intent</span>.<span class=\"sp-syntax-property\">ACTION_BATTERY_CHANGED</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span>\n      <span class=\"sp-syntax-plain\">batteryLevel</span> = <span class=\"sp-syntax-plain\">intent</span>!!.<span class=\"sp-syntax-property\">getIntExtra</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">BatteryManager</span>.<span class=\"sp-syntax-property\">EXTRA_LEVEL</span><span class=\"sp-syntax-punctuation\">,</span> -<span class=\"sp-syntax-static\">1</span><span class=\"sp-syntax-punctuation\">)</span> * <span class=\"sp-syntax-static\">100</span> / <span class=\"sp-syntax-plain\">intent</span>.<span class=\"sp-syntax-property\">getIntExtra</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">BatteryManager</span>.<span class=\"sp-syntax-property\">EXTRA_SCALE</span><span class=\"sp-syntax-punctuation\">,</span> -<span class=\"sp-syntax-static\">1</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-punctuation\">}</span>\n\n    <span class=\"sp-syntax-keyword\">return</span> <span class=\"sp-syntax-plain\">batteryLevel</span>\n  <span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Finally, complete the <code class=\"framer-text framer-styles-preset-xgmhyo\">setMethodCallHandler()</code> method added earlier. You need to handle a single platform method <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel()</code>, so test for that in the <code class=\"framer-text framer-styles-preset-xgmhyo\">call</code> argument. The implementation of this platform method calls the Android code written in the previous step, and returns a response for both the success and error cases using the <code class=\"framer-text framer-styles-preset-xgmhyo\">result</code> argument. If an unknown method is called, report that instead.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Remove the following code:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">    <span class=\"sp-syntax-definition\">MethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">flutterEngine</span>.<span class=\"sp-syntax-property\">dartExecutor</span>.<span class=\"sp-syntax-property\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">CHANNEL</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span> <span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span> -&gt;\n      <span class=\"sp-syntax-comment\">// This method is invoked on the main thread.</span>\n      <span class=\"sp-syntax-comment\">// TODO</span>\n    <span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">And replace with the following:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">    <span class=\"sp-syntax-definition\">MethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">flutterEngine</span>.<span class=\"sp-syntax-property\">dartExecutor</span>.<span class=\"sp-syntax-property\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">CHANNEL</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span> <span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-comment\">// This method is invoked on the main thread.</span>\n      <span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span> -&gt;\n      <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">call</span>.<span class=\"sp-syntax-property\">method</span> == <span class=\"sp-syntax-string\">\"getBatteryLevel\"</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n        <span class=\"sp-syntax-plain\">val </span><span class=\"sp-syntax-plain\">batteryLevel</span> = <span class=\"sp-syntax-definition\">getBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n\n        <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">batteryLevel</span> != -<span class=\"sp-syntax-static\">1</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n          <span class=\"sp-syntax-plain\">result</span>.<span class=\"sp-syntax-property\">success</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">batteryLevel</span><span class=\"sp-syntax-punctuation\">)</span>\n        <span class=\"sp-syntax-punctuation\">}</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n          <span class=\"sp-syntax-plain\">result</span>.<span class=\"sp-syntax-property\">error</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">\"UNAVAILABLE\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-string\">\"Battery level not available.\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-keyword\">null</span><span class=\"sp-syntax-punctuation\">)</span>\n        <span class=\"sp-syntax-punctuation\">}</span>\n      <span class=\"sp-syntax-punctuation\">}</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n        <span class=\"sp-syntax-plain\">result</span>.<span class=\"sp-syntax-property\">notImplemented</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n      <span class=\"sp-syntax-punctuation\">}</span>\n    <span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 4: Add an iOS platform-specific implementation<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#step-4-add-an-ios-platform-specific-implementation\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#168-tab-panel\" rel=\"\">Swift</a> | <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#169-tab-panel\" rel=\"\">Objective-C</a><br class=\"framer-text\"/>Start by opening the iOS host portion of your Flutter app in Xcode:Start Xcode.Select the menu item <strong class=\"framer-text\">File &gt; Open...</strong>.Navigate to the directory holding your Flutter app, and select the <strong class=\"framer-text\">ios</strong> folder inside it. Click <strong class=\"framer-text\">OK</strong>.Add support for Swift in the standard template setup that uses Objective-C:<strong class=\"framer-text\">Expand Runner &gt; Runner</strong> in the Project navigator.Open the file <code class=\"framer-text framer-styles-preset-xgmhyo\">AppDelegate.swift</code> located under <strong class=\"framer-text\">Runner &gt; Runner</strong> in the Project navigator.Override the <code class=\"framer-text framer-styles-preset-xgmhyo\">application:didFinishLaunchingWithOptions:</code> function and create a <code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterMethodChannel</code> tied to the channel name <code class=\"framer-text framer-styles-preset-xgmhyo\">samples.flutter.dev/battery</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">@<span class=\"sp-syntax-plain\">UIApplicationMain</span>\n@<span class=\"sp-syntax-plain\">objc</span> <span class=\"sp-syntax-keyword\">class</span> AppDelegate: FlutterAppDelegate <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-property\">override</span> <span class=\"sp-syntax-property\">func</span> <span class=\"sp-syntax-property\">application</span><span class=\"sp-syntax-punctuation\">(</span>\n    <span class=\"sp-syntax-plain\">_</span> application<span class=\"sp-syntax-punctuation\">:</span> UIApplication<span class=\"sp-syntax-punctuation\">,</span>\n    <span class=\"sp-syntax-plain\">didFinishLaunchingWithOptions</span> launchOptions<span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-punctuation\">[</span>UIApplication.LaunchOptionsKey<span class=\"sp-syntax-punctuation\">:</span> Any<span class=\"sp-syntax-punctuation\">]</span>?<span class=\"sp-syntax-punctuation\">)</span> -&gt; <span class=\"sp-syntax-plain\">Bool</span> <span class=\"sp-syntax-punctuation\">{</span>\n\n    <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">controller</span> <span class=\"sp-syntax-punctuation\">:</span> FlutterViewController = <span class=\"sp-syntax-plain\">window</span>?.<span class=\"sp-syntax-property\">rootViewController</span> <span class=\"sp-syntax-keyword\">as</span>! FlutterViewController\n    <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">batteryChannel</span> = <span class=\"sp-syntax-definition\">FlutterMethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">name</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"samples.flutter.dev/battery\"</span><span class=\"sp-syntax-punctuation\">,</span>\n                                              <span class=\"sp-syntax-plain\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">controller</span>.<span class=\"sp-syntax-property\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-plain\">batteryChannel</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-punctuation\">[</span><span class=\"sp-syntax-plain\">weak </span>self<span class=\"sp-syntax-punctuation\">]</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">:</span> FlutterMethodCall<span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">:</span> FlutterResult<span class=\"sp-syntax-punctuation\">)</span> -&gt; <span class=\"sp-syntax-plain\">Void</span> <span class=\"sp-syntax-keyword\">in</span>\n      <span class=\"sp-syntax-comment\">// This method is invoked on the UI thread.</span>\n      <span class=\"sp-syntax-comment\">// Handle battery messages.</span>\n    <span class=\"sp-syntax-punctuation\">}</span><span class=\"sp-syntax-punctuation\">)</span>\n\n    <span class=\"sp-syntax-plain\">GeneratedPluginRegistrant</span>.<span class=\"sp-syntax-property\">register</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">with</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">self</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-keyword\">return</span> <span class=\"sp-syntax-static\">super</span>.<span class=\"sp-syntax-property\">application</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">application</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">didFinishLaunchingWithOptions</span><span class=\"sp-syntax-punctuation\">:</span> launchOptions<span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Next, add the iOS Swift code that uses the iOS battery APIs to retrieve the battery level. This code is exactly the same as you would write in a native iOS app.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the following as a new method at the bottom of <code class=\"framer-text framer-styles-preset-xgmhyo\">AppDelegate.swift</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">private </span><span class=\"sp-syntax-plain\">func </span><span class=\"sp-syntax-definition\">receiveBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">:</span> FlutterResult<span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">device</span> = <span class=\"sp-syntax-plain\">UIDevice</span>.<span class=\"sp-syntax-property\">current</span>\n  <span class=\"sp-syntax-plain\">device</span>.<span class=\"sp-syntax-property\">isBatteryMonitoringEnabled</span> = <span class=\"sp-syntax-static\">true</span>\n  <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-plain\">device</span>.<span class=\"sp-syntax-property\">batteryState</span> == <span class=\"sp-syntax-plain\">UIDevice</span>.<span class=\"sp-syntax-property\">BatteryState</span>.<span class=\"sp-syntax-property\">unknown</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-definition\">result</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">FlutterError</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">code</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"UNAVAILABLE\"</span><span class=\"sp-syntax-punctuation\">,</span>\n                        <span class=\"sp-syntax-plain\">message</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"Battery level not available.\"</span><span class=\"sp-syntax-punctuation\">,</span>\n                        <span class=\"sp-syntax-plain\">details</span><span class=\"sp-syntax-punctuation\">:</span> nil<span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-punctuation\">}</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-definition\">result</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">Int</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">device</span>.<span class=\"sp-syntax-property\">batteryLevel</span> * <span class=\"sp-syntax-static\">100</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Finally, complete the <code class=\"framer-text framer-styles-preset-xgmhyo\">setMethodCallHandler()</code> method added earlier. You need to handle a single platform method <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel()</code>, so test for that in the <code class=\"framer-text framer-styles-preset-xgmhyo\">call</code> argument. The implementation of this platform method calls the iOS code written in the previous step. If an unknown method is called, report that instead.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">batteryChannel</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-punctuation\">[</span><span class=\"sp-syntax-plain\">weak </span>self<span class=\"sp-syntax-punctuation\">]</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">:</span> FlutterMethodCall<span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">:</span> FlutterResult<span class=\"sp-syntax-punctuation\">)</span> -&gt; <span class=\"sp-syntax-plain\">Void</span> <span class=\"sp-syntax-keyword\">in</span>\n  <span class=\"sp-syntax-comment\">// This method is invoked on the UI thread.</span>\n  <span class=\"sp-syntax-plain\">guard </span>call.<span class=\"sp-syntax-property\">method</span> == <span class=\"sp-syntax-string\">\"getBatteryLevel\"</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-definition\">result</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">FlutterMethodNotImplemented</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-keyword\">return</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n  <span class=\"sp-syntax-plain\">self</span>?.<span class=\"sp-syntax-property\">receiveBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">:</span> result<span class=\"sp-syntax-punctuation\">)</span>\n<span class=\"sp-syntax-punctuation\">}</span><span class=\"sp-syntax-punctuation\">)</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">You should now be able to run the app on iOS. If using the iOS Simulator, note that it doesn't support battery APIs, and the app displays 'Battery level not available'.</p><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 5: Add a Windows platform-specific implementation<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#step-5-add-a-windows-platform-specific-implementation\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start by opening the Windows host portion of your Flutter app in Visual Studio:</p><ol class=\"framer-text\" style=\"--max-list-digits:1\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Run <code class=\"framer-text framer-styles-preset-xgmhyo\">flutter build windows</code> in your project directory once to generate the Visual Studio solution file.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start Visual Studio.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Select <strong class=\"framer-text\">Open a project or solution</strong>.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Navigate to the directory holding your Flutter app, then into the <strong class=\"framer-text\">build</strong> folder, then the <strong class=\"framer-text\">windows</strong> folder, then select the <code class=\"framer-text framer-styles-preset-xgmhyo\">batterylevel.sln</code> file. Click <strong class=\"framer-text\">Open</strong>.</p></li></ol><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the C++ implementation of the platform channel method:</p><ol class=\"framer-text\" style=\"--max-list-digits:1\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Expand <strong class=\"framer-text\">batterylevel &gt; Source Files</strong> in the Solution Explorer.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Open the file <code class=\"framer-text framer-styles-preset-xgmhyo\">flutter_window.cpp</code>.</p></li></ol><p class=\"framer-text framer-styles-preset-1bmjcgb\">First, add the necessary includes to the top of the file, just after <code class=\"framer-text framer-styles-preset-xgmhyo\">#include \"flutter_window.h\"</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">flutter</span>/<span class=\"sp-syntax-plain\">event_channel</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">flutter</span>/<span class=\"sp-syntax-plain\">event_sink</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">flutter</span>/<span class=\"sp-syntax-plain\">event_stream_handler_functions</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">flutter</span>/<span class=\"sp-syntax-plain\">method_channel</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">flutter</span>/<span class=\"sp-syntax-plain\">standard_method_codec</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">windows</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">memory</span>\n\n</code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Edit the <code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterWindow::OnCreate</code> method and create a <code class=\"framer-text framer-styles-preset-xgmhyo\">flutter::MethodChannel</code> tied to the channel name <code class=\"framer-text framer-styles-preset-xgmhyo\">samples.flutter.dev/battery</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">bool </span>FlutterWindow<span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-definition\">OnCreate</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-comment\">// ...</span>\n  <span class=\"sp-syntax-definition\">RegisterPlugins</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">flutter_controller_</span>-&gt;<span class=\"sp-syntax-definition\">engine</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n\n  flutter<span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-plain\">MethodChannel</span>&lt;&gt; <span class=\"sp-syntax-definition\">channel</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-plain\">flutter_controller_</span>-&gt;<span class=\"sp-syntax-definition\">engine</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>-&gt;<span class=\"sp-syntax-definition\">messenger</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-string\">\"samples.flutter.dev/battery\"</span><span class=\"sp-syntax-punctuation\">,</span>\n      &amp;<span class=\"sp-syntax-plain\">flutter</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span>StandardMethodCodec<span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-definition\">GetInstance</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">channel</span>.<span class=\"sp-syntax-property\">SetMethodCallHandler</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-punctuation\">[</span><span class=\"sp-syntax-punctuation\">]</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">const</span> <span class=\"sp-syntax-plain\">flutter</span><span class=\"sp-syntax-punctuation\">:</span>:MethodCall<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-punctuation\">&gt;</span>&amp; call,\n         std::unique_ptr<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-definition\">flutter</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-definition\">MethodResult</span><span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-punctuation\">&gt;</span>&gt; result) <span class=\"sp-syntax-punctuation\">{</span>\n        <span class=\"sp-syntax-comment\">// TODO</span>\n\n</code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Next, add the C++ code that uses the Windows battery APIs to retrieve the battery level. This code is exactly the same as you would write in a native Windows application.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the following as a new function at the top of <code class=\"framer-text framer-styles-preset-xgmhyo\">flutter_window.cpp</code> just after the <code class=\"framer-text framer-styles-preset-xgmhyo\">#include</code> section:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">static </span><span class=\"sp-syntax-plain\">int </span><span class=\"sp-syntax-definition\">GetBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">SYSTEM_POWER_STATUS </span><span class=\"sp-syntax-plain\">status</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">GetSystemPowerStatus</span><span class=\"sp-syntax-punctuation\">(</span>&amp;<span class=\"sp-syntax-plain\">status</span><span class=\"sp-syntax-punctuation\">)</span> == <span class=\"sp-syntax-static\">0</span> || <span class=\"sp-syntax-plain\">status</span>.<span class=\"sp-syntax-property\">BatteryLifePercent</span> == <span class=\"sp-syntax-static\">255</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-keyword\">return</span> -<span class=\"sp-syntax-static\">1</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n  <span class=\"sp-syntax-keyword\">return</span> <span class=\"sp-syntax-plain\">status</span>.<span class=\"sp-syntax-property\">BatteryLifePercent</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Finally, complete the <code class=\"framer-text framer-styles-preset-xgmhyo\">setMethodCallHandler()</code> method added earlier. You need to handle a single platform method, <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel()</code>, so test for that in the <code class=\"framer-text framer-styles-preset-xgmhyo\">call</code> argument. The implementation of this platform method calls the Windows code written in the previous step. If an unknown method is called, report that instead.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Remove the following code:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">  <span class=\"sp-syntax-plain\">channel</span>.<span class=\"sp-syntax-property\">SetMethodCallHandler</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-punctuation\">[</span><span class=\"sp-syntax-punctuation\">]</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">const</span> <span class=\"sp-syntax-plain\">flutter</span><span class=\"sp-syntax-punctuation\">:</span>:MethodCall<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-punctuation\">&gt;</span>&amp; call,\n         std::unique_ptr<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-definition\">flutter</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-definition\">MethodResult</span><span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-punctuation\">&gt;</span>&gt; result) <span class=\"sp-syntax-punctuation\">{</span>\n        <span class=\"sp-syntax-comment\">// TODO</span>\n\n</code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">And replace with the following:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">  <span class=\"sp-syntax-plain\">channel</span>.<span class=\"sp-syntax-property\">SetMethodCallHandler</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-punctuation\">[</span><span class=\"sp-syntax-punctuation\">]</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">const</span> <span class=\"sp-syntax-plain\">flutter</span><span class=\"sp-syntax-punctuation\">:</span>:MethodCall<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-punctuation\">&gt;</span>&amp; call,\n         std::unique_ptr<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-definition\">flutter</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-punctuation\">:</span><span class=\"sp-syntax-definition\">MethodResult</span><span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-punctuation\">&gt;</span>&gt; result) <span class=\"sp-syntax-punctuation\">{</span>\n        if (call.method_name() == \"getBatteryLevel\") <span class=\"sp-syntax-punctuation\">{</span>\n          <span class=\"sp-syntax-plain\">int </span>battery_level = GetBatteryLevel();\n          if (battery_level != -1) <span class=\"sp-syntax-punctuation\">{</span>\n            <span class=\"sp-syntax-plain\">result</span>-&gt;<span class=\"sp-syntax-definition\">Success</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">battery_level</span><span class=\"sp-syntax-punctuation\">)</span>;\n          } else <span class=\"sp-syntax-punctuation\">{</span>\n            <span class=\"sp-syntax-plain\">result</span>-&gt;<span class=\"sp-syntax-definition\">Error</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">\"UNAVAILABLE\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-string\">\"Battery level not available.\"</span><span class=\"sp-syntax-punctuation\">)</span>;\n          }\n        } else <span class=\"sp-syntax-punctuation\">{</span>\n          <span class=\"sp-syntax-plain\">result</span>-&gt;<span class=\"sp-syntax-definition\">NotImplemented</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n\n</code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">You should now be able to run the application on Windows. If your device doesn't have a battery, it displays 'Battery level not available'.</p><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 6: Add a macOS platform-specific implementation<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#step-6-add-a-macos-platform-specific-implementation\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start by opening the macOS host portion of your Flutter app in Xcode:</p><ol class=\"framer-text\" style=\"--max-list-digits:1\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start Xcode.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Select the menu item <strong class=\"framer-text\">File &gt; Open...</strong>.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Navigate to the directory holding your Flutter app, and select the <strong class=\"framer-text\">macos</strong> folder inside it. Click <strong class=\"framer-text\">OK</strong>.</p></li></ol><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the Swift implementation of the platform channel method:</p><ol class=\"framer-text\" style=\"--max-list-digits:1\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><strong class=\"framer-text\">Expand Runner &gt; Runner</strong> in the Project navigator.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Open the file <code class=\"framer-text framer-styles-preset-xgmhyo\">MainFlutterWindow.swift</code> located under <strong class=\"framer-text\">Runner &gt; Runner</strong> in the Project navigator.</p></li></ol><p class=\"framer-text framer-styles-preset-1bmjcgb\">First, add the necessary import to the top of the file, just after <code class=\"framer-text framer-styles-preset-xgmhyo\">import FlutterMacOS</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-plain\">IOKit</span>.<span class=\"sp-syntax-plain\">ps</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Create a <code class=\"framer-text framer-styles-preset-xgmhyo\">FlutterMethodChannel</code> tied to the channel name <code class=\"framer-text framer-styles-preset-xgmhyo\">samples.flutter.dev/battery</code> in the <code class=\"framer-text framer-styles-preset-xgmhyo\">awakeFromNib</code> method:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\">  <span class=\"sp-syntax-plain\">override </span><span class=\"sp-syntax-plain\">func </span><span class=\"sp-syntax-definition\">awakeFromNib</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-comment\">// ...</span>\n    <span class=\"sp-syntax-plain\">self</span>.<span class=\"sp-syntax-property\">setFrame</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">windowFrame</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">display</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-static\">true</span><span class=\"sp-syntax-punctuation\">)</span>\n\n    <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">batteryChannel</span> = <span class=\"sp-syntax-definition\">FlutterMethodChannel</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-plain\">name</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"samples.flutter.dev/battery\"</span><span class=\"sp-syntax-punctuation\">,</span>\n      <span class=\"sp-syntax-plain\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">flutterViewController</span>.<span class=\"sp-syntax-property\">engine</span>.<span class=\"sp-syntax-property\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">)</span>\n    <span class=\"sp-syntax-plain\">batteryChannel</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span> <span class=\"sp-syntax-punctuation\">{</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-keyword\">in</span>\n      <span class=\"sp-syntax-comment\">// This method is invoked on the UI thread.</span>\n      <span class=\"sp-syntax-comment\">// Handle battery messages.</span>\n    <span class=\"sp-syntax-punctuation\">}</span>\n\n    <span class=\"sp-syntax-definition\">RegisterGeneratedPlugins</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">registry</span><span class=\"sp-syntax-punctuation\">:</span> flutterViewController<span class=\"sp-syntax-punctuation\">)</span>\n\n    <span class=\"sp-syntax-static\">super</span>.<span class=\"sp-syntax-property\">awakeFromNib</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Next, add the macOS Swift code that uses the IOKit battery APIs to retrieve the battery level. This code is exactly the same as you would write in a native macOS app.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the following as a new method at the bottom of <code class=\"framer-text framer-styles-preset-xgmhyo\">MainFlutterWindow.swift</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">private </span><span class=\"sp-syntax-plain\">func </span><span class=\"sp-syntax-definition\">getBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> -&gt; <span class=\"sp-syntax-plain\">Int</span>? <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-property\">let </span>info = <span class=\"sp-syntax-definition\">IOPSCopyPowerSourcesInfo</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">takeRetainedValue</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">sources</span><span class=\"sp-syntax-punctuation\">:</span> Array<span class=\"sp-syntax-punctuation\">&lt;</span><span class=\"sp-syntax-definition\">CFTypeRef</span><span class=\"sp-syntax-punctuation\">&gt;</span> = IOPSCopyPowerSourcesList(info).takeRetainedValue() as Array\n  if let source = sources.first <span class=\"sp-syntax-punctuation\">{</span>\n    let description =\n      IOPSGetPowerSourceDescription(info, source).takeUnretainedValue() as! [String: AnyObject]\n    if let level = description[kIOPSCurrentCapacityKey] as? Int <span class=\"sp-syntax-punctuation\">{</span>\n\n</code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Finally, complete the <code class=\"framer-text framer-styles-preset-xgmhyo\">setMethodCallHandler</code> method added earlier. You need to handle a single platform method <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel()</code>, so test for that in the <code class=\"framer-text framer-styles-preset-xgmhyo\">call</code> argument. The implementation of this platform method calls the macOS code written in the previous step. If an unknown method is called, report that instead.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">batteryChannel</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span> <span class=\"sp-syntax-punctuation\">{</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">call</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-keyword\">in</span>\n  <span class=\"sp-syntax-keyword\">switch</span> <span class=\"sp-syntax-plain\">call</span>.<span class=\"sp-syntax-property\">method</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-keyword\">case</span> <span class=\"sp-syntax-string\">\"getBatteryLevel\"</span><span class=\"sp-syntax-punctuation\">:</span>\n    <span class=\"sp-syntax-plain\">guard </span><span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">level</span> = <span class=\"sp-syntax-definition\">getBatteryLevel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n      <span class=\"sp-syntax-definition\">result</span><span class=\"sp-syntax-punctuation\">(</span>\n        <span class=\"sp-syntax-definition\">FlutterError</span><span class=\"sp-syntax-punctuation\">(</span>\n          <span class=\"sp-syntax-plain\">code</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"UNAVAILABLE\"</span><span class=\"sp-syntax-punctuation\">,</span>\n          <span class=\"sp-syntax-plain\">message</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"Battery level not available\"</span><span class=\"sp-syntax-punctuation\">,</span>\n          <span class=\"sp-syntax-plain\">details</span><span class=\"sp-syntax-punctuation\">:</span> nil<span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span>\n     <span class=\"sp-syntax-keyword\">return</span>\n    <span class=\"sp-syntax-punctuation\">}</span>\n    <span class=\"sp-syntax-definition\">result</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">level</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-keyword\">default</span><span class=\"sp-syntax-punctuation\">:</span>\n    <span class=\"sp-syntax-definition\">result</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">FlutterMethodNotImplemented</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">You should now be able to run the application on macOS. If your device doesn't have a battery, it displays 'Battery level not available'.</p><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Step 7: Add a Linux platform-specific implementation<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#step-7-add-a-linux-platform-specific-implementation\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">For this example you need to install the <code class=\"framer-text framer-styles-preset-xgmhyo\">upower</code> developer headers. This is likely available from your distribution, for example with:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">sudo </span><span class=\"sp-syntax-plain\">apt </span><span class=\"sp-syntax-plain\">install </span><span class=\"sp-syntax-plain\">libupower</span>-<span class=\"sp-syntax-plain\">glib</span>-<span class=\"sp-syntax-plain\">dev</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Start by opening the Linux host portion of your Flutter app in the editor of your choice. The instructions below are for Visual Studio Code with the \"C/C++\" and \"CMake\" extensions installed, but can be adjusted for other IDEs.</p><ol class=\"framer-text\" style=\"--max-list-digits:1\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Launch Visual Studio Code.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Open the <strong class=\"framer-text\">linux</strong> directory inside your project.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Choose <strong class=\"framer-text\">Yes</strong> in the prompt asking: <code class=\"framer-text framer-styles-preset-xgmhyo\">Would you like to configure project \"linux\"?</code>. This enables C++ autocomplete.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Open the file <code class=\"framer-text framer-styles-preset-xgmhyo\">runner/my_application.cc</code>.</p></li></ol><p class=\"framer-text framer-styles-preset-1bmjcgb\">First, add the necessary includes to the top of the file, just after <code class=\"framer-text framer-styles-preset-xgmhyo\">#include &lt;flutter_linux/flutter_linux.h&gt;</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">math</span>.<span class=\"sp-syntax-property\">h</span>&gt;\n<span class=\"sp-syntax-property\">#include</span> &lt;<span class=\"sp-syntax-plain\">upower</span>.<span class=\"sp-syntax-property\">h</span>\n\n</code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add an <code class=\"framer-text framer-styles-preset-xgmhyo\">FlMethodChannel</code> to the <code class=\"framer-text framer-styles-preset-xgmhyo\">_MyApplication</code> struct:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">struct </span><span class=\"sp-syntax-plain\">_MyApplication </span><span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">GtkApplication </span><span class=\"sp-syntax-plain\">parent_instance</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">char</span>** <span class=\"sp-syntax-plain\">dart_entrypoint_arguments</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">FlMethodChannel</span>* <span class=\"sp-syntax-plain\">battery_channel</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span><span class=\"sp-syntax-punctuation\">;</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Make sure to clean it up in <code class=\"framer-text framer-styles-preset-xgmhyo\">my_application_dispose</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">static </span><span class=\"sp-syntax-keyword\">void</span> <span class=\"sp-syntax-definition\">my_application_dispose</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">GObject</span>* <span class=\"sp-syntax-plain\">object</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">MyApplication</span>* <span class=\"sp-syntax-plain\">self</span> = <span class=\"sp-syntax-definition\">MY_APPLICATION</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">object</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">g_clear_pointer</span><span class=\"sp-syntax-punctuation\">(</span>&amp;<span class=\"sp-syntax-plain\">self</span>-&gt;<span class=\"sp-syntax-plain\">dart_entrypoint_arguments</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">g_strfreev</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">g_clear_object</span><span class=\"sp-syntax-punctuation\">(</span>&amp;<span class=\"sp-syntax-plain\">self</span>-&gt;<span class=\"sp-syntax-plain\">battery_channel</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">G_OBJECT_CLASS</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">my_application_parent_class</span><span class=\"sp-syntax-punctuation\">)</span>-&gt;<span class=\"sp-syntax-definition\">dispose</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">object</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Edit the <code class=\"framer-text framer-styles-preset-xgmhyo\">my_application_activate</code> method and initialize <code class=\"framer-text framer-styles-preset-xgmhyo\">battery_channel</code> using the channel name <code class=\"framer-text framer-styles-preset-xgmhyo\">samples.flutter.dev/battery</code>, just after the call to <code class=\"framer-text framer-styles-preset-xgmhyo\">fl_register_plugins</code>:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">static </span><span class=\"sp-syntax-keyword\">void</span> <span class=\"sp-syntax-definition\">my_application_activate</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">GApplication</span>* <span class=\"sp-syntax-plain\">application</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-comment\">// ...</span>\n  <span class=\"sp-syntax-definition\">fl_register_plugins</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">FL_PLUGIN_REGISTRY</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">self</span>-&gt;<span class=\"sp-syntax-plain\">view</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n\n  <span class=\"sp-syntax-definition\">g_autoptr</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">FlStandardMethodCodec</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-plain\">codec</span> = <span class=\"sp-syntax-definition\">fl_standard_method_codec_new</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">self</span>-&gt;<span class=\"sp-syntax-plain\">battery_channel</span> = <span class=\"sp-syntax-definition\">fl_method_channel_new</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-definition\">fl_engine_get_binary_messenger</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">fl_view_get_engine</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">view</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n      <span class=\"sp-syntax-string\">\"samples.flutter.dev/battery\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-definition\">FL_METHOD_CODEC</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">codec</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">fl_method_channel_set_method_call_handler</span><span class=\"sp-syntax-punctuation\">(</span>\n      <span class=\"sp-syntax-plain\">self</span>-&gt;<span class=\"sp-syntax-plain\">battery_channel</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">battery_method_call_handler</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">self</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">nullptr</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n\n  <span class=\"sp-syntax-definition\">gtk_widget_grab_focus</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">GTK_WIDGET</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">self</span>-&gt;<span class=\"sp-syntax-plain\">view</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Next, add the C code that uses the Linux battery APIs to retrieve the battery level. This code is exactly the same as you would write in a native Linux application.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the following as a new function at the top of <code class=\"framer-text framer-styles-preset-xgmhyo\">my_application.cc</code> just after the <code class=\"framer-text framer-styles-preset-xgmhyo\">G_DEFINE_TYPE</code> line:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">static </span><span class=\"sp-syntax-plain\">FlMethodResponse</span>* <span class=\"sp-syntax-definition\">get_battery_level</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-comment\">// Find the first available battery and report that.</span>\n  <span class=\"sp-syntax-definition\">g_autoptr</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">UpClient</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-plain\">up_client</span> = <span class=\"sp-syntax-definition\">up_client_new</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">g_autoptr</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">GPtrArray</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-plain\">devices</span> = <span class=\"sp-syntax-definition\">up_client_get_devices2</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">up_client</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">devices</span>-&gt;<span class=\"sp-syntax-plain\">len</span> == <span class=\"sp-syntax-static\">0</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-keyword\">return</span> <span class=\"sp-syntax-definition\">FL_METHOD_RESPONSE</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">fl_method_error_response_new</span><span class=\"sp-syntax-punctuation\">(</span>\n        <span class=\"sp-syntax-string\">\"UNAVAILABLE\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-string\">\"Device does not have a battery.\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">nullptr</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n\n  <span class=\"sp-syntax-plain\">UpDevice</span>* <span class=\"sp-syntax-plain\">device</span> = <span class=\"sp-syntax-definition\">UP_DEVICE</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">g_ptr_array_index</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">devices</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-static\">0</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">double </span><span class=\"sp-syntax-plain\">percentage</span> = <span class=\"sp-syntax-static\">0</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">g_object_get</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">device</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-string\">\"percentage\"</span><span class=\"sp-syntax-punctuation\">,</span> &amp;<span class=\"sp-syntax-plain\">percentage</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">nullptr</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n\n  <span class=\"sp-syntax-definition\">g_autoptr</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">FlValue</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-plain\">result</span> =\n      <span class=\"sp-syntax-definition\">fl_value_new_int</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">static_cast</span>&lt;<span class=\"sp-syntax-plain\">int64_t</span>&gt;<span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">round</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">percentage</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-keyword\">return</span> <span class=\"sp-syntax-definition\">FL_METHOD_RESPONSE</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">fl_method_success_response_new</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">result</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">Finally, add the <code class=\"framer-text framer-styles-preset-xgmhyo\">battery_method_call_handler</code> function referenced in the earlier call to <code class=\"framer-text framer-styles-preset-xgmhyo\">fl_method_channel_set_method_call_handler</code>. You need to handle a single platform method, <code class=\"framer-text framer-styles-preset-xgmhyo\">getBatteryLevel</code>, so test for that in the <code class=\"framer-text framer-styles-preset-xgmhyo\">method_call</code> argument. The implementation of this function calls the Linux code written in the previous step. If an unknown method is called, report that instead.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Add the following code after the <code class=\"framer-text framer-styles-preset-xgmhyo\">get_battery_level</code> function:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">static </span><span class=\"sp-syntax-keyword\">void</span> <span class=\"sp-syntax-definition\">battery_method_call_handler</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">FlMethodChannel</span>* <span class=\"sp-syntax-plain\">channel</span><span class=\"sp-syntax-punctuation\">,</span>\n                                        <span class=\"sp-syntax-plain\">FlMethodCall</span>* <span class=\"sp-syntax-plain\">method_call</span><span class=\"sp-syntax-punctuation\">,</span>\n                                        <span class=\"sp-syntax-plain\">gpointer </span>user_data<span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-definition\">g_autoptr</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">FlMethodResponse</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-plain\">response</span> = <span class=\"sp-syntax-plain\">nullptr</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">strcmp</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">fl_method_call_get_name</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">method_call</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-string\">\"getBatteryLevel\"</span><span class=\"sp-syntax-punctuation\">)</span> == <span class=\"sp-syntax-static\">0</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-plain\">response</span> = <span class=\"sp-syntax-definition\">get_battery_level</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span> <span class=\"sp-syntax-keyword\">else</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-plain\">response</span> = <span class=\"sp-syntax-definition\">FL_METHOD_RESPONSE</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-definition\">fl_method_not_implemented_response_new</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n\n  <span class=\"sp-syntax-definition\">g_autoptr</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">GError</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-plain\">error</span> = <span class=\"sp-syntax-plain\">nullptr</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-keyword\">if</span> <span class=\"sp-syntax-punctuation\">(</span>!<span class=\"sp-syntax-definition\">fl_method_call_respond</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">method_call</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">response</span><span class=\"sp-syntax-punctuation\">,</span> &amp;<span class=\"sp-syntax-plain\">error</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n    <span class=\"sp-syntax-definition\">g_warning</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">\"Failed to send response: %s\"</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">error</span>-&gt;<span class=\"sp-syntax-plain\">message</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-punctuation\">}</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">You should now be able to run the application on Linux. If your device doesn't have a battery, it displays 'Battery level not available'.</p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-4bs364-container\" data-framer-name=\"Section Title 6\" id=\"section-title-6\" name=\"Section Title 6\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" name=\"Section Title 6\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Call platform-specific code using the Pigeon package</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-w8g88s-container\" data-framer-name=\"Section 6\" name=\"Section 6\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 6\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">You can use the <code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://pub.dev/packages/pigeon\" rel=\"\">Pigeon</a></code> package as an alternative to Flutter's platform channel APIs to generate code that sends messages in a structured, type-safe manner. The workflow for Pigeon looks like this:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">The Flutter app sends structured type-safe messages to its <em class=\"framer-text\">host</em>, the non-Dart portion of the app, over a platform channel.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">The <em class=\"framer-text\">host</em> listens on the platform channel, and receives the message. It then calls into any number of platform-specific APIs using the native programming language and sends a response back to the <em class=\"framer-text\">client</em>, the Flutter portion of the app.</p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">Using this package eliminates the need to match strings between host and client for the names and data types of messages. It supports nested classes, grouping messages into APIs, generation of asynchronous wrapper code, and sending messages in either direction. The generated code is readable and guarantees there are no conflicts between multiple clients of different versions.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">With Pigeon, the messaging protocol is defined in a subset of Dart that then generates messaging code for Android, iOS, macOS, or Windows. For example:</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'package:pigeon/pigeon.dart'</span><span class=\"sp-syntax-punctuation\">;</span>\n\n<span class=\"sp-syntax-keyword\">class</span> SearchRequest <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-property\">final</span> <span class=\"sp-syntax-property\">String</span> <span class=\"sp-syntax-property\">query</span><span class=\"sp-syntax-punctuation\">;</span>\n\n  <span class=\"sp-syntax-property\">SearchRequest</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">{</span><span class=\"sp-syntax-property\">required</span> <span class=\"sp-syntax-keyword\">this</span>.<span class=\"sp-syntax-property\">query</span><span class=\"sp-syntax-punctuation\">}</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span>\n\n<span class=\"sp-syntax-keyword\">class</span> SearchReply <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-property\">final</span> <span class=\"sp-syntax-property\">String</span> <span class=\"sp-syntax-property\">result</span><span class=\"sp-syntax-punctuation\">;</span>\n\n  <span class=\"sp-syntax-property\">SearchReply</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">{</span><span class=\"sp-syntax-property\">required</span> <span class=\"sp-syntax-keyword\">this</span>.<span class=\"sp-syntax-property\">result</span><span class=\"sp-syntax-punctuation\">}</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span>\n\n@<span class=\"sp-syntax-definition\">HostApi</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\nabstract <span class=\"sp-syntax-keyword\">class</span> Api <span class=\"sp-syntax-punctuation\">{</span>\n  @<span class=\"sp-syntax-plain\">async</span>\n  <span class=\"sp-syntax-property\">SearchReply</span> <span class=\"sp-syntax-property\">search</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">SearchRequest</span> request<span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'generated_pigeon.dart'</span><span class=\"sp-syntax-punctuation\">;</span>\n\n<span class=\"sp-syntax-plain\">Future</span>&lt;<span class=\"sp-syntax-keyword\">void</span>&gt; <span class=\"sp-syntax-definition\">onClick</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-keyword\">async</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">SearchRequest </span><span class=\"sp-syntax-plain\">request</span> = <span class=\"sp-syntax-definition\">SearchRequest</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">query</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">'test'</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">Api </span><span class=\"sp-syntax-plain\">api</span> = <span class=\"sp-syntax-definition\">SomeApi</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">SearchReply </span><span class=\"sp-syntax-plain\">reply</span> = <span class=\"sp-syntax-keyword\">await</span> <span class=\"sp-syntax-plain\">api</span>.<span class=\"sp-syntax-property\">search</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">request</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">print</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">'reply: ${reply.result}'</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\">You can find a complete example and more information on the <code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://pub.dev/packages/pigeon\" rel=\"\">pigeon</a></code> page on pub.dev.</p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-1pfawy0-container\" data-framer-name=\"Section Title 7\" id=\"section-title-7\" name=\"Section Title 7\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" name=\"Section Title 7\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Channels and platform threading</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-oeqjvt-container\" data-framer-name=\"Section 7\" name=\"Section 7\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 7\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">When invoking channels on the platform side destined for Flutter, invoke them on the platform's main thread. When invoking channels in Flutter destined for the platform side, either invoke them from any <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code> that is the root <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code>, <em class=\"framer-text\">or</em> that is registered as a background <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code>. The handlers for the platform side can execute on the platform's main thread or they can execute on a background thread if using a Task Queue. You can invoke the platform side handlers asynchronously and on any thread.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\"><em class=\"framer-text\">info</em>Note</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">On Android, the platform's main thread is sometimes called the \"main thread\", but it is technically defined as <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://developer.android.com/guide/components/processes-and-threads#Threads\" rel=\"\">the UI thread</a>. Annotate methods that need to be run on the UI thread with <code class=\"framer-text framer-styles-preset-xgmhyo\">@UiThread</code>. On iOS, this thread is officially referred to as <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://developer.apple.com/documentation/uikit?language=objc\" rel=\"\">the main thread</a>.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Use plugins and channels from a background isolate<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#using-plugins-and-channels-from-background-isolates\" rel=\"\">#</a></p><p class=\"framer-text framer-styles-preset-1bmjcgb\">Plugins and channels can be used by any <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code>, but that <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code> has to be a root <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code> (the one created by Flutter) or registered as a background <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code> for a root <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code>.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\">The following example shows how to register a background <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code> in order to use a plugin from a background <code class=\"framer-text framer-styles-preset-xgmhyo\">Isolate</code>.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'package:flutter/services.dart'</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-keyword\">import</span> <span class=\"sp-syntax-string\">'package:shared_preferences/shared_preferences.dart'</span><span class=\"sp-syntax-punctuation\">;</span>\n\n<span class=\"sp-syntax-keyword\">void</span> <span class=\"sp-syntax-definition\">_isolateMain</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">RootIsolateToken </span>rootIsolateToken<span class=\"sp-syntax-punctuation\">)</span> async <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">BackgroundIsolateBinaryMessenger</span>.<span class=\"sp-syntax-property\">ensureInitialized</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">rootIsolateToken</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">SharedPreferences </span><span class=\"sp-syntax-plain\">sharedPreferences</span> = <span class=\"sp-syntax-keyword\">await</span> <span class=\"sp-syntax-plain\">SharedPreferences</span>.<span class=\"sp-syntax-property\">getInstance</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-definition\">print</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">sharedPreferences</span>.<span class=\"sp-syntax-property\">getBool</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-string\">'isDebug'</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span>\n\n<span class=\"sp-syntax-keyword\">void</span> <span class=\"sp-syntax-definition\">main</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">RootIsolateToken </span><span class=\"sp-syntax-plain\">rootIsolateToken</span> = <span class=\"sp-syntax-plain\">RootIsolateToken</span>.<span class=\"sp-syntax-property\">instance</span>!<span class=\"sp-syntax-punctuation\">;</span>\n  <span class=\"sp-syntax-plain\">Isolate</span>.<span class=\"sp-syntax-property\">spawn</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">_isolateMain</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">rootIsolateToken</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">;</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Execute channel handlers on a background thread (Android)<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#executing-channel-handlers-on-background-threads\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">In order for a channel's platform side handler to execute on a background thread on an Android app, you must use the Task Queue API.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#170-tab-panel\" rel=\"\">Kotlin</a><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#171-tab-panel\" rel=\"\">Java</a>kotlin</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">override </span><span class=\"sp-syntax-plain\">fun </span><span class=\"sp-syntax-definition\">onAttachedToEngine</span><span class=\"sp-syntax-punctuation\">(</span>@<span class=\"sp-syntax-plain\">NonNull </span>flutterPluginBinding<span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">FlutterPlugin</span>.<span class=\"sp-syntax-property\">FlutterPluginBinding</span><span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-plain\">val </span><span class=\"sp-syntax-plain\">taskQueue</span> =\n      <span class=\"sp-syntax-plain\">flutterPluginBinding</span>.<span class=\"sp-syntax-property\">binaryMessenger</span>.<span class=\"sp-syntax-property\">makeBackgroundTaskQueue</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-plain\">channel</span> = <span class=\"sp-syntax-definition\">MethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">flutterPluginBinding</span>.<span class=\"sp-syntax-property\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">,</span>\n                          <span class=\"sp-syntax-string\">\"com.example.foo\"</span><span class=\"sp-syntax-punctuation\">,</span>\n                          <span class=\"sp-syntax-plain\">StandardMethodCodec</span>.<span class=\"sp-syntax-property\">INSTANCE</span><span class=\"sp-syntax-punctuation\">,</span>\n                          <span class=\"sp-syntax-plain\">taskQueue</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-plain\">channel</span>.<span class=\"sp-syntax-property\">setMethodCallHandler</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">this</span><span class=\"sp-syntax-punctuation\">)</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-jx6fx3-container\" data-framer-name=\"Section Title 8\" id=\"section-title-8\" name=\"Section Title 8\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" name=\"Section Title 8\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Execute channel handlers</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-1mf9duu-container\" data-framer-name=\"Section 8\" name=\"Section 8\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 8\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Execute channel handlers on a background thread (iOS)<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#execute-channel-handlers-on-a-background-thread-ios\" rel=\"\">#</a></p><p class=\"framer-text framer-styles-preset-1bmjcgb\">In order for a channel's platform side handler to execute on a background thread on an iOS app, you must use the Task Queue API.</p><p class=\"framer-text framer-styles-preset-1bmjcgb\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#172-tab-panel\" rel=\"\">Swift</a><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#173-tab-panel\" rel=\"\">Objective-C</a> swift</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-plain\">public </span><span class=\"sp-syntax-plain\">static </span><span class=\"sp-syntax-plain\">func </span><span class=\"sp-syntax-definition\">register</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-keyword\">with</span> <span class=\"sp-syntax-plain\">registrar</span><span class=\"sp-syntax-punctuation\">:</span> FlutterPluginRegistrar<span class=\"sp-syntax-punctuation\">)</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">taskQueue</span> = <span class=\"sp-syntax-plain\">registrar</span>.<span class=\"sp-syntax-property\">messenger</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">makeBackgroundTaskQueue</span>?<span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">channel</span> = <span class=\"sp-syntax-definition\">FlutterMethodChannel</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">name</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-string\">\"com.example.foo\"</span><span class=\"sp-syntax-punctuation\">,</span>\n                                     <span class=\"sp-syntax-plain\">binaryMessenger</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">registrar</span>.<span class=\"sp-syntax-property\">messenger</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n                                     <span class=\"sp-syntax-plain\">codec</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">FlutterStandardMethodCodec</span>.<span class=\"sp-syntax-property\">sharedInstance</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">,</span>\n                                     <span class=\"sp-syntax-plain\">taskQueue</span><span class=\"sp-syntax-punctuation\">:</span> <span class=\"sp-syntax-plain\">taskQueue</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-keyword\">let</span> <span class=\"sp-syntax-plain\">instance</span> = <span class=\"sp-syntax-definition\">MyPlugin</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span>\n  <span class=\"sp-syntax-plain\">registrar</span>.<span class=\"sp-syntax-property\">addMethodCallDelegate</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">instance</span><span class=\"sp-syntax-punctuation\">,</span> <span class=\"sp-syntax-plain\">channel</span><span class=\"sp-syntax-punctuation\">:</span> channel<span class=\"sp-syntax-punctuation\">)</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><h3 class=\"framer-text framer-styles-preset-mhdaxo\">Jump to the UI thread (Android)<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#jumping-to-the-ui-thread-in-android\" rel=\"\">#</a></h3><p class=\"framer-text framer-styles-preset-1bmjcgb\">To comply with channels' UI thread requirement, you might need to jump from a background thread to Android's UI thread to execute a channel method. In Android, you can accomplish this by <code class=\"framer-text framer-styles-preset-xgmhyo\">post()</code>ing a <code class=\"framer-text framer-styles-preset-xgmhyo\">Runnable</code> to Android's UI thread <code class=\"framer-text framer-styles-preset-xgmhyo\">Looper</code>, which causes the <code class=\"framer-text framer-styles-preset-xgmhyo\">Runnable</code> to execute on the main thread at the next opportunity.</p><div class=\"framer-text framer-text-module\" data-width=\"fill\" style=\"width:100%;height:auto\"><div class=\"framer-cb\" style=\"--cb-colors-surface1-light:#161820;--cb-colors-surface2-light:#252525;--cb-colors-surface3-light:#2f2f2f;--cb-colors-clickable-light:#999999;--cb-colors-base-light:#d92121;--cb-colors-disabled-light:#4d4d4d;--cb-colors-hover-light:#c5c5c5;--cb-colors-accent-light:#0099ff;--cb-colors-error-light:#ff3366;--cb-colors-errorSurface-light:#ffe0e8;--cb-syntax-color-plain-light:#eeeeee;--cb-syntax-color-comment-light:#666666;--cb-syntax-fontStyle-comment-light:italic;--cb-syntax-color-keyword-light:#00BBFF;--cb-syntax-color-tag-light:#00BBFF;--cb-syntax-color-punctuation-light:#999999;--cb-syntax-color-definition-light:#ffcc66;--cb-syntax-color-property-light:#77dddd;--cb-syntax-color-static-light:#ff8866;--cb-syntax-color-string-light:#bb88ff;--cb-color-scheme-light:dark;--cb-colors-surface1-dark:#161820;--cb-colors-surface2-dark:#252525;--cb-colors-surface3-dark:#2f2f2f;--cb-colors-clickable-dark:#999999;--cb-colors-base-dark:#d92121;--cb-colors-disabled-dark:#4d4d4d;--cb-colors-hover-dark:#c5c5c5;--cb-colors-accent-dark:#0099ff;--cb-colors-error-dark:#ff3366;--cb-colors-errorSurface-dark:#ffe0e8;--cb-syntax-color-plain-dark:#eeeeee;--cb-syntax-color-comment-dark:#666666;--cb-syntax-fontStyle-comment-dark:italic;--cb-syntax-color-keyword-dark:#00BBFF;--cb-syntax-color-tag-dark:#00BBFF;--cb-syntax-color-punctuation-dark:#999999;--cb-syntax-color-definition-dark:#ffcc66;--cb-syntax-color-property-dark:#77dddd;--cb-syntax-color-static-dark:#ff8866;--cb-syntax-color-string-dark:#bb88ff;--cb-color-scheme-dark:dark;position:relative;width:100%;height:100%\"><div class=\"sp-573219155 sp-c-fVPbOs sp-c-fVPbOs-LrWkf-variant-dark sp-wrapper\" style=\"height:100%\"><div class=\"sp-c-ikJbEZ sp-layout\" style=\"height:100%;--sp-layout-height:100%;--cb-padding:30px;border-style:none;border-color:unset;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-radius:15px;transform:unset;overflow:hidden\"><div class=\"sp-c-euXojQ sp-editor sp-stack\" style=\"letter-spacing:0em\"><div class=\"sp-c-gtcpyq sp-code-editor cb-code-editor\"><pre class=\"sp-pristine sp-javascript sp-c-jOWzsE sp-c-jkvvao sp-cm\" translate=\"no\"><code class=\"sp-c-fWymNx sp-pre-placeholder\" style=\"margin-left:var(--sp-space-4)\"><span class=\"sp-syntax-definition\">Handler</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-plain\">Looper</span>.<span class=\"sp-syntax-property\">getMainLooper</span><span class=\"sp-syntax-punctuation\">(</span><span class=\"sp-syntax-punctuation\">)</span><span class=\"sp-syntax-punctuation\">)</span>.<span class=\"sp-syntax-property\">post</span> <span class=\"sp-syntax-punctuation\">{</span>\n  <span class=\"sp-syntax-comment\">// Call the desired channel message here.</span>\n<span class=\"sp-syntax-punctuation\">}</span></code></pre></div></div></div></div></div></div><p class=\"framer-text framer-styles-preset-1bmjcgb\"><br class=\"framer-text trailing-break\"/></p></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-ywlizs-container\" data-framer-name=\"Section Title 9\" id=\"section-title-9\" name=\"Section Title 9\"><div class=\"framer-Lv39e framer-11gH6 framer-fsgqq4 framer-v-fsgqq4\" data-framer-name=\"Variant 1\" name=\"Section Title 9\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-fwyjbu\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--framer-paragraph-spacing:20px;transform:none\"><h1 class=\"framer-text framer-styles-preset-17u6t6c\" data-styles-preset=\"QybUjcQ8I\">Supplementals</h1></div></div></div></div><div class=\"ssr-variant\"><div class=\"framer-1865h5h-container\" data-framer-name=\"Section 9\" name=\"Section 9\"><div class=\"framer-LbVdk framer-11gH6 framer-UTQOm framer-mJmzr framer-QslKF framer-VJ54n framer-XM9CZ framer-Q9g9r framer-oAmNP framer-hJDxb framer-fFrXr framer-jJioj framer-lHy2U framer-1frdzl0 framer-v-1frdzl0\" data-framer-name=\"Variant 1\" name=\"Section 9\" style=\"width:100%\"><div class=\"framer-hm9pnn\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section 1\" style=\"--extracted-r6o4lv:rgba(118, 118, 128, 0.8);--framer-paragraph-spacing:20px;transform:none\"><p class=\"framer-text framer-styles-preset-1bmjcgb\">Common channels and codecs<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#codec2\" rel=\"\">#</a></p><p class=\"framer-text framer-styles-preset-1bmjcgb\">The following is a list of some common platform channel APIs that you can use to write platform-specific code:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/MethodChannel-class.html\" rel=\"\">MethodChannel</a></code> for Flutter: A named channel that you can use to communicate with platform plugins using asynchronous method calls. By default this channel uses the <code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/StandardMessageCodec-class.html\" rel=\"\">StandardMessageCodec</a></code> codec. This channel is not type safe, which means calling and receiving messages depends on the host and client declaring the same arguments and data types in order for messages to work.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/BasicMessageChannel-class.html\" rel=\"\">BasicMessageChannel</a></code> for Flutter: A named channel that supports basic, asynchronous message passing, using a supported message codec. Not type safe.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.dart.dev/index.html#more-documentation\" rel=\"\">Engine Embedder APIs</a> for Platforms: These platform-specific APIs contain platform-specific channel APIs.</p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">You can create your own codec or use an existing one. The following is a list of some existing codecs that you can use with platform-specific code:</p><ul class=\"framer-text\"><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/StandardMessageCodec-class.html\" rel=\"\">StandardMessageCodec</a></code>: A commonly used message codec that encodes and decodes a wide range of data types into a platform-agnostic binary format for transmission across platform channels. The serialization and deserialization of values to and from messages happens automatically when you send and receive values. For a list of supported data types, see <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#codec\" rel=\"\">Platform channel data types support</a>.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/BinaryCodec-class.html\" rel=\"\">BinaryCodec</a></code>: A message codec that passes raw binary data between the Dart side of your Flutter app and the native platform side. It does not perform any higher-level encoding or decoding of data structures.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/StringCodec-class.html\" rel=\"\">StringCodec</a></code>: A message codec that encodes and decodes strings, using UTF-8 encoding.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://api.flutter.dev/flutter/services/JSONMessageCodec-class.html\" rel=\"\">JSONMessageCodec</a></code>: A message codec that encodes and decodes JSON-formatted data, using UTF-8 encoding.</p></li><li class=\"framer-text framer-styles-preset-1bmjcgb\" data-preset-tag=\"p\"><p class=\"framer-text framer-styles-preset-1bmjcgb\"><code class=\"framer-text framer-styles-preset-xgmhyo\"><a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://github.com/firebase/flutterfire/blob/master/packages/cloud_firestore/cloud_firestore_platform_interface/lib/src/method_channel/utils/firestore_message_codec.dart\" rel=\"\">FirestoreMessageCodec</a></code>: A message codec that handles the exchange of messages sent across the platform channel between your Flutter app and the native Firebase Firestore SDKs (on Android and iOS).</p></li></ul><p class=\"framer-text framer-styles-preset-1bmjcgb\">Separate platform-specific code from UI code<a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/platform-integration/platform-channels#separate\" rel=\"\">#</a></p><p class=\"framer-text framer-styles-preset-1bmjcgb\">If you expect to use your platform-specific code in multiple Flutter apps, you might consider separating the code into a platform plugin located in a directory outside your main application. See <a class=\"framer-text framer-styles-preset-yjv1wn\" href=\"https://docs.flutter.dev/packages-and-plugins/developing-packages\" rel=\"\">developing packages</a> for details.</p></div></div></div></div></div></div></div></div></div><div class=\"framer-1ilrgky\" data-framer-name=\"right\" name=\"right\"><div class=\"framer-r27x7z\" data-framer-name=\"Frame 375\" name=\"Frame 375\"><div class=\"framer-14n45in\" data-framer-name=\"Content Map\" name=\"Content Map\" style=\"will-change:transform;opacity:1;transform:none\"><div class=\"framer-n32929\" data-framer-name=\"Frame 370\" name=\"Frame 370\"><div class=\"framer-be3u5u\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Top Blogs\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>Table of content</p></div></div><div class=\"framer-15afmnz\" data-framer-name=\"Frame 382\" name=\"Frame 382\"><div class=\"framer-31z98g\" data-framer-name=\"Frame 373\" name=\"Frame 373\"><div class=\"ssr-variant\"><div class=\"framer-11tpmzd-container\" data-framer-name=\"Section Title 1\" name=\"Section Title 1\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-kza5yq framer-1afhjao\" data-framer-name=\"Active\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-1\" name=\"Section Title 1\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(0, 0, 255);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(0, 0, 255))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(0, 0, 255);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(0, 0, 255))'>Platform-Specific Code</p></div></div></a></div></div><div class=\"ssr-variant\"><div class=\"framer-12m0m0f-container\" data-framer-name=\"Section Title 2\" name=\"Section Title 2\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-a2oys5 framer-1afhjao\" data-framer-name=\"Inactive\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-2\" name=\"Section Title 2\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Overview</p></div></div></a></div></div><div class=\"ssr-variant\"><div class=\"framer-1h7czcb-container\" data-framer-name=\"Section Title 5\" name=\"Section Title 5\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-a2oys5 framer-1afhjao\" data-framer-name=\"Inactive\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-5\" name=\"Section Title 5\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Call Platform-Specific Code Using Platform Channels</p></div></div></a></div></div><div class=\"ssr-variant\"><div class=\"framer-hikin8-container\" data-framer-name=\"Section Title 6\" name=\"Section Title 6\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-a2oys5 framer-1afhjao\" data-framer-name=\"Inactive\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-6\" name=\"Section Title 6\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Call platform-specific code using the Pigeon package</p></div></div></a></div></div><div class=\"ssr-variant\"><div class=\"framer-p79o9p-container\" data-framer-name=\"Section Title 7\" name=\"Section Title 7\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-a2oys5 framer-1afhjao\" data-framer-name=\"Inactive\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-7\" name=\"Section Title 7\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Channels and platform threading</p></div></div></a></div></div><div class=\"ssr-variant\"><div class=\"framer-15k0tsj-container\" data-framer-name=\"Section Title 8\" name=\"Section Title 8\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-a2oys5 framer-1afhjao\" data-framer-name=\"Inactive\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-8\" name=\"Section Title 8\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Execute channel handlers</p></div></div></a></div></div><div class=\"ssr-variant\"><div class=\"framer-107l3gk-container\" data-framer-name=\"Section Title 9\" name=\"Section Title 9\"><a class=\"framer-gxTLv framer-a2oys5 framer-v-a2oys5 framer-1afhjao\" data-framer-name=\"Inactive\" href=\"/blog/write-platform-specific-code-in-flutter-apps#section-title-9\" name=\"Section Title 9\" style=\"width:100%\" tabindex=\"0\"><div class=\"framer-1kvvqsf\"><div class=\"framer-k0kb51\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:10px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>-</p></div><div class=\"framer-1fvn556\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Section Title 1\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:R0Y7SW50ZXItNTAw;--framer-font-family:\"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Supplementals</p></div></div></a></div></div></div></div></div><div class=\"framer-wfqdi7\" data-framer-name=\"Top Blogs\" name=\"Top Blogs\" style=\"will-change:transform;opacity:1;transform:none\"><div class=\"framer-um6upd\" data-framer-name=\"Frame 370\" name=\"Frame 370\"><div class=\"framer-e400j4\" data-framer-component-type=\"Text\" data-framer-name=\"Top Blogs\" style=\"outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;line-height:1px;font-size:0px;--framer-text-alignment:left;transform:none\"><span style=\"font-size: 0; line-height: 0; tab-size: 4; white-space: inherit; word-wrap: inherit\"><span style=\"font-size: 0\"><span style=\"\">Top Blogs</span><br/></span></span></div></div><div class=\"framer-quvrnf\" data-framer-name=\"Frame 382\" name=\"Frame 382\"><div class=\"framer-1ehc8ho\"><div class=\"framer-e9s21s\"><a class=\"framer-13uhb23 framer-1iyssem\" data-framer-name=\"Frame 365\" data-framer-page-link-current=\"true\" href=\"/blog/write-platform-specific-code-in-flutter-apps\" name=\"Frame 365\"><div class=\"framer-vr5tg\" data-framer-name=\"Frame 368\" name=\"Frame 368\"><div class=\"framer-jmygmn\" data-framer-name=\"Frame 370\" name=\"Frame 370\"><div class=\"framer-1jea5rb\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"695\" loading=\"lazy\" sizes=\"(min-width: 1440px) max(30px, 20px), (min-width: 1280px) and (max-width: 1439px) max(30px, 20px), (min-width: 1200px) and (max-width: 1279px) max(30px, 20px), (min-width: 810px) and (max-width: 1199px) max(30px, 20px), (max-width: 809px) max(30px, 20px)\" src=\"/assets/95985c387324f87ed8c4.jpeg\" srcset=\"/assets/95985c387324f87ed8c4.jpeg 693w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"693\"/></div></div><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-z63p56\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Tim Sneath in Flutter\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:8px;--framer-text-alignment:left;--framer-text-color:rgba(118, 118, 128, 0.8)'>Sahaj Rana</p></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-z63p56\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Tim Sneath in Flutter\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:14px;--framer-text-alignment:left;--framer-text-color:rgba(118, 118, 128, 0.8)'>Sahaj Rana</p></div></div></div><div class=\"framer-6ir52w\" data-framer-name=\"Frame 373\" name=\"Frame 373\"><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-1d0yb47\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Announcing Flutter 3.3 at Flutter Vikings\" style=\"display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>Write Platform-Specific Code in Flutter Apps</p></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-1d0yb47\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Announcing Flutter 3.3 at Flutter Vikings\" style=\"display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:18px;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>Write Platform-Specific Code in Flutter Apps</p></div></div></div></div><div class=\"framer-1h5gy56\" data-framer-name=\"Frame 369\" name=\"Frame 369\"><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-148j5pu\" data-framer-name=\"image 4\" name=\"image 4\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"800\" loading=\"lazy\" sizes=\"(min-width: 1440px) max(849px, 100vw), (min-width: 1280px) and (max-width: 1439px) max(849px, 100vw), (min-width: 1200px) and (max-width: 1279px) max(849px, 100vw), (min-width: 810px) and (max-width: 1199px) max(849px, 100vw), (max-width: 809px) max(max(100vw - 32px, 1px), calc(100vw - 72px))\" src=\"/assets/ba47f29445ea8d1ef431.jpg\" srcset=\"/assets/ba47f29445ea8d1ef431.jpg 512w,/assets/ba47f29445ea8d1ef431.jpg 1024w,/assets/ba47f29445ea8d1ef431.jpg 1600w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"1600\"/></div></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-148j5pu\" data-framer-name=\"image 4\" name=\"image 4\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"800\" loading=\"lazy\" sizes=\"(min-width: 1440px) max(849px, 100vw), (min-width: 1280px) and (max-width: 1439px) max(849px, 100vw), (min-width: 1200px) and (max-width: 1279px) max(849px, 100vw), (min-width: 810px) and (max-width: 1199px) max(849px, 100vw), (max-width: 809px) max(max(100vw - 32px, 1px), calc(100vw - 72px))\" src=\"/assets/ba47f29445ea8d1ef431.jpg\" srcset=\"/assets/ba47f29445ea8d1ef431.jpg 512w,/assets/ba47f29445ea8d1ef431.jpg 1024w,/assets/ba47f29445ea8d1ef431.jpg 1600w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"1600\"/></div></div></div></div></a></div><div class=\"framer-e9s21s\"><a class=\"framer-13uhb23 framer-1iyssem\" data-framer-name=\"Frame 365\" href=\"/blog/how-to-build-a-desktop-app-with-flutter\" name=\"Frame 365\"><div class=\"framer-vr5tg\" data-framer-name=\"Frame 368\" name=\"Frame 368\"><div class=\"framer-jmygmn\" data-framer-name=\"Frame 370\" name=\"Frame 370\"><div class=\"framer-1jea5rb\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"768\" loading=\"lazy\" sizes=\"(min-width: 1440px) 20px, (min-width: 1280px) and (max-width: 1439px) 20px, (min-width: 1200px) and (max-width: 1279px) 20px, (min-width: 810px) and (max-width: 1199px) 20px, (max-width: 809px) 20px\" src=\"/assets/b70043e86536a4f8ccb9.png\" srcset=\"/assets/b70043e86536a4f8ccb9.png 752w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"752\"/></div></div><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-z63p56\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Tim Sneath in Flutter\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:8px;--framer-text-alignment:left;--framer-text-color:rgba(118, 118, 128, 0.8)'>Sahaj Rana</p></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-z63p56\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Tim Sneath in Flutter\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:14px;--framer-text-alignment:left;--framer-text-color:rgba(118, 118, 128, 0.8)'>Sahaj Rana</p></div></div></div><div class=\"framer-6ir52w\" data-framer-name=\"Frame 373\" name=\"Frame 373\"><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-1d0yb47\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Announcing Flutter 3.3 at Flutter Vikings\" style=\"display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>How to Build a Desktop App with Flutter</p></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-1d0yb47\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Announcing Flutter 3.3 at Flutter Vikings\" style=\"display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:18px;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>How to Build a Desktop App with Flutter</p></div></div></div></div><div class=\"framer-1h5gy56\" data-framer-name=\"Frame 369\" name=\"Frame 369\"><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-148j5pu\" data-framer-name=\"image 4\" name=\"image 4\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"800\" loading=\"lazy\" sizes=\"(min-width: 1440px) 100vw, (min-width: 1280px) and (max-width: 1439px) 100vw, (min-width: 1200px) and (max-width: 1279px) 100vw, (min-width: 810px) and (max-width: 1199px) 100vw, (max-width: 809px) calc(100vw - 72px)\" src=\"/assets/5eb4d8de316f5467fb7c.jpg\" srcset=\"/assets/5eb4d8de316f5467fb7c.jpg 512w,/assets/5eb4d8de316f5467fb7c.jpg 1024w,/assets/5eb4d8de316f5467fb7c.jpg 1600w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"1600\"/></div></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-148j5pu\" data-framer-name=\"image 4\" name=\"image 4\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"800\" loading=\"lazy\" sizes=\"(min-width: 1440px) 100vw, (min-width: 1280px) and (max-width: 1439px) 100vw, (min-width: 1200px) and (max-width: 1279px) 100vw, (min-width: 810px) and (max-width: 1199px) 100vw, (max-width: 809px) calc(100vw - 72px)\" src=\"/assets/5eb4d8de316f5467fb7c.jpg\" srcset=\"/assets/5eb4d8de316f5467fb7c.jpg 512w,/assets/5eb4d8de316f5467fb7c.jpg 1024w,/assets/5eb4d8de316f5467fb7c.jpg 1600w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"1600\"/></div></div></div></div></a></div></div></div></div><div class=\"framer-1aks5p4\" data-framer-name=\"Frame 334\" name=\"Frame 334\" style=\"will-change:transform;opacity:1;transform:none\"><a class=\"framer-1f1er2m framer-1iyssem\" data-framer-name=\"cta\" href=\"https://discord.com/channels/940632966093234176/940821426968092702\" name=\"cta\" rel=\"noopener noreferrer\" target=\"_blank\"><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-11trgay\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Join Flutter community\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>Join Blup community</p></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-11trgay\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Join Flutter community\" style=\"transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:22px;--framer-text-alignment:left;--framer-text-color:rgb(110, 110, 115)'>Join Blup community</p></div></div></a></div></div><div class=\"ssr-variant hidden-1ufyj62\"><div class=\"framer-9z7kqe-container\" style=\"will-change:transform;opacity:1;transform:none\"><div class=\"framer-D9CIG framer-1swg2m6 framer-v-1swg2m6\" data-framer-name=\"Variant 1\" style=\"background-color:rgba(255, 255, 255, 0.8);width:100%;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px\" tabindex=\"0\"><div class=\"framer-1jin0yh\" data-framer-name=\"Frame 374\"><div class=\"framer-lppsfg\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Follow on us on\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Follow us on </p></div><div class=\"framer-dgq6vg\" data-framer-name=\"youtube 1\"><a aria-hidden=\"true\" as=\"a\" class=\"framer-gauh5x framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"Frame 95\" href=\"https://www.youtube.com/@blup_tool/videos\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg88979601_694\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-d1occ4 framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"discord 1\" href=\"https://discord.com/invite/tzKW2mx5Tr\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg-1700394553_2132\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-wmvnkd framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"instagram 1\" href=\"https://www.instagram.com/blup_tool/\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg-871369010_2310\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-tjypq2 framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"linkedin 1\" href=\"https://www.linkedin.com/company/bluptool/\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg1361121469_1947\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-1yz02jp framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"twitter 1\" href=\"https://twitter.com/Blup_tool\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg227308118_1102\"></use></svg></div></a></div></div></div></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-9z7kqe-container\" style=\"will-change:transform;opacity:1;transform:none\"><div class=\"framer-D9CIG framer-1swg2m6 framer-v-lhr228\" data-framer-name=\"Variant 2\" style=\"background-color:rgba(255, 255, 255, 0.8);width:100%;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px\" tabindex=\"0\"><div class=\"framer-1jin0yh\" data-framer-name=\"Frame 374\"><div class=\"framer-lppsfg\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Follow on us on\" style=\"--extracted-r6o4lv:rgb(110, 110, 115);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", serif;--framer-font-size:22px;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(110, 110, 115))'>Follow us on </p></div><div class=\"framer-dgq6vg\" data-framer-name=\"youtube 1\"><a aria-hidden=\"true\" as=\"a\" class=\"framer-gauh5x framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"Frame 95\" href=\"https://www.youtube.com/@blup_tool/videos\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg88979601_694\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-d1occ4 framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"discord 1\" href=\"https://discord.com/invite/tzKW2mx5Tr\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg-1700394553_2132\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-wmvnkd framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"instagram 1\" href=\"https://www.instagram.com/blup_tool/\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg-871369010_2310\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-tjypq2 framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"linkedin 1\" href=\"https://www.linkedin.com/company/bluptool/\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg1361121469_1947\"></use></svg></div></a><a aria-hidden=\"true\" as=\"a\" class=\"framer-1yz02jp framer-1h04mkk\" data-framer-component-type=\"SVG\" data-framer-name=\"twitter 1\" href=\"https://twitter.com/Blup_tool\" rel=\"noopener noreferrer\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\" target=\"_blank\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 20 20\"><use href=\"#svg227308118_1102\"></use></svg></div></a></div></div></div></div></div></div></div><div class=\"framer-194vrqs-container\" id=\"footer\"><div class=\"ssr-variant hidden-1ufyj62 hidden-8fvzmb\"><div class=\"framer-YYgom framer-19iaf9z framer-v-19iaf9z\" data-border=\"true\" data-framer-name=\"Variant 1\" style=\"--border-bottom-width:0px;--border-color:rgb(207, 212, 220);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;background-color:rgb(248, 249, 251);width:100%\"><div class=\"framer-adja3w\" data-framer-name=\"Div/content\"><div class=\"framer-1c6ramu\" data-framer-name=\"Social and copy\"><div class=\"framer-1n2ue81\"><div class=\"framer-ewre21\" data-framer-name=\"Icons&amp;logo\"><a as=\"a\" class=\"framer-ksrf4y framer-4xwgsz\" data-framer-name=\"Logo\" href=\"/#hero-banner\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"76\" loading=\"lazy\" src=\"/assets/5443710390cff9ca5b70.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"239\"/></div></a><div class=\"framer-128ghxc\" data-framer-name=\"Social icons\" style=\"border-bottom-left-radius:26px;border-bottom-right-radius:26px;border-top-left-radius:26px;border-top-right-radius:26px\"><div class=\"framer-aa8kq1-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.youtube.com/@blup_tool\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-1o4xr0l\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Youtube\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-f3mlr3\" data-framer-component-type=\"SVG\" data-framer-name=\"Youtube\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 22\"><use href=\"#svg-1874514689_689\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-gsiphi-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://discord.com/invite/tzKW2mx5Tr\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-kx9zub\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Discord\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-1dsuivu\" data-framer-component-type=\"SVG\" data-framer-name=\"Discord\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 24\"><use href=\"#svg495389115_2023\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-uqpsa2-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.instagram.com/blup_tool/\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-fwrr3y\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Instagram\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-dt82du\" data-framer-component-type=\"SVG\" data-framer-name=\"Instagram\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 31\"><use href=\"#svg-859736640_2246\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-nltasv-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.linkedin.com/company/bluptool/\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-17mu8vl\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Linkedin\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-1imc6po\" data-framer-component-type=\"SVG\" data-framer-name=\"Linkedin\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 31\"><use href=\"#svg-59058096_918\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-1xqgtbf-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://twitter.com/Blup_tool\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-lscij\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"twitter\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-lyah1l\" data-framer-component-type=\"SVG\" data-framer-name=\"twitter\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 26\"><use href=\"#svg1206339862_959\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div></div></div><div class=\"framer-1yvpz2c\"><div class=\"framer-jdvvgo\"><div class=\"framer-1rjd9gk\"><div class=\"framer-8mdn8t\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(93, 94, 103);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgU2VtaWJvbGQ=;--framer-font-family:\"Graphik Semibold\", \"Graphik Semibold Placeholder\", sans-serif;--framer-font-size:20px;--framer-letter-spacing:0.4px;--framer-line-height:120%;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(93, 94, 103))'>India(HQ)</p></div><div class=\"framer-9quov2-container\"><a class=\"framer-DEm3Q framer-1oe0jhe framer-v-1oe0jhe framer-lxdd4n\" data-framer-name=\"Variant 1\" style=\"background-color:rgb(255, 255, 255);height:100%;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-zg0im1\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 1.755 7.087 C 1.322 6.919 1.106 6.834 1.043 6.713 C 0.988 6.608 0.988 6.483 1.042 6.377 C 1.105 6.256 1.322 6.172 1.755 6.003 L 14.037 1.21 C 14.427 1.057 14.623 0.981 14.747 1.023 C 14.856 1.059 14.941 1.144 14.977 1.252 C 15.019 1.377 14.943 1.573 14.79 1.963 L 9.997 14.245 C 9.828 14.678 9.744 14.894 9.622 14.957 C 9.517 15.012 9.392 15.012 9.287 14.957 C 9.165 14.894 9.081 14.678 8.913 14.245 L 7.002 9.33 C 6.967 9.242 6.95 9.198 6.924 9.161 C 6.9 9.128 6.872 9.099 6.839 9.076 C 6.802 9.05 6.758 9.032 6.67 8.998 Z%22 fill=%22transparent%22 stroke-width=%221.4545454545454546%22 stroke=%22%235D5E67%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></a></div></div><div class=\"framer-18ig37u\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"UIncept, 10th Floor, M3M Cosmopolitan, Sector 66, Gurugram, Haryana 122018, Gurugram, Haryana 122101\" style=\"--extracted-2gxw0f:rgb(127, 127, 127);--extracted-r6o4lv:rgb(127, 127, 127);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-r6o4lv, rgb(127, 127, 127))'>9th Floor, Tower C, Logix Cyber Park, </p><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-2gxw0f, rgb(127, 127, 127))'>C Block, Phase 2, Industrial Area, Sector 62, Noida, Uttar Pradesh, 201309</p></div></div><div class=\"framer-104wcgb\"><div class=\"framer-11q3c7q\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(93, 94, 103);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgU2VtaWJvbGQ=;--framer-font-family:\"Graphik Semibold\", \"Graphik Semibold Placeholder\", sans-serif;--framer-font-size:20px;--framer-letter-spacing:0.4px;--framer-line-height:120%;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(93, 94, 103))'>USA</p></div><div class=\"framer-l1g193\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"2081 Center Street Berkeley, CA 94704\" style=\"--extracted-2gxw0f:rgb(127, 127, 127);--extracted-r6o4lv:rgb(127, 127, 127);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-r6o4lv, rgb(127, 127, 127))'>2081 Center Street Berkeley, </p><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-2gxw0f, rgb(127, 127, 127))'>CA 94704</p></div></div><div class=\"framer-148x6bu\"><a as=\"a\" class=\"framer-1l79tip framer-4xwgsz\" href=\"/services\" rel=\"noopener noreferrer\" target=\"_blank\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"22\" loading=\"lazy\" src=\"/assets/1fe20ac21e77d8f5ff39.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:contain\" width=\"152\"/></div></a><a as=\"a\" class=\"framer-gi6al3 framer-4xwgsz\" href=\"http://expendefy.com/\" rel=\"noopener noreferrer\" style=\"width:auto;aspect-ratio:3.0166320166320166\" target=\"_blank\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"962\" loading=\"lazy\" sizes=\"(min-width: 1440px) 60.3326px, (min-width: 1280px) and (max-width: 1439px) 60.3326px, (min-width: 1200px) and (max-width: 1279px) 60.3326px, (max-width: 809px) 60.3326px, (min-width: 810px) and (max-width: 1199px) 60.3326px\" src=\"/assets/4eab22b1feef2e74c89d.png\" srcset=\"/assets/4eab22b1feef2e74c89d.png 512w,/assets/4eab22b1feef2e74c89d.png 1024w,/assets/4eab22b1feef2e74c89d.png 2048w,/assets/4eab22b1feef2e74c89d.png 2902w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:contain\" width=\"2902\"/></div></a></div></div></div><div class=\"framer-1f8lafd\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"© 2023 Blupx Private Limited. All rights reserved.\" style=\"--extracted-2gxw0f:rgb(152, 161, 178);--extracted-r6o4lv:rgb(152, 161, 178);transform:none\"><p class=\"framer-text\" dir=\"auto\" style=\"--font-selector:SW50ZXItTWVkaXVt;--framer-font-size:14px;--framer-font-weight:500;--framer-letter-spacing:0px;--framer-line-height:20px;--framer-text-color:var(--extracted-r6o4lv, rgb(152, 161, 178))\">© 2021-26 Blupx Private Limited. </p><p class=\"framer-text\" dir=\"auto\" style=\"--font-selector:SW50ZXItTWVkaXVt;--framer-font-size:14px;--framer-font-weight:500;--framer-letter-spacing:0px;--framer-line-height:20px;--framer-text-color:var(--extracted-2gxw0f, rgb(152, 161, 178))\">All rights reserved.</p></div></div><div aria-hidden=\"true\" class=\"framer-xx6r2j\" data-framer-component-type=\"SVG\" data-framer-name=\"Div\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 3 272\"><use href=\"#svg1324830426_181\"></use></svg></div></div><div class=\"framer-f034l3\" data-framer-name=\"Links\"><div class=\"framer-8qgqaa\"><div class=\"framer-1kg2gsm\" data-framer-name=\"Connect\"><div class=\"framer-fmus4a\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Connect</p></div><div class=\"framer-vqvs7n\" data-framer-name=\"liks\"><div class=\"framer-1e13i2t\" data-framer-name=\"Icon buttons\"><div class=\"framer-s2o02m-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://wa.me/+919557966054\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>+91-9557966054</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div><div class=\"framer-w7o008-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://wa.me/+918266811043\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>+91-8266811043</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-19focl9\" data-framer-name=\"Icon buttons\"><div class=\"framer-kp1nq5\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-xid9bf-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"mailto:sahaj@blup.in\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>sahaj@blup.in</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div><div class=\"framer-42qapk\" data-framer-name=\"Icon buttons\"><div class=\"framer-38s2me\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-im16d-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"mailto:support@blup.in\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>support@blupin</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-190cgbz\" data-framer-name=\"Company\"><div class=\"framer-f1rf1y\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Company\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Company</p></div><div class=\"framer-1nhnw5v\" data-framer-name=\"liks\"><div class=\"framer-12ueync\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-152rgee-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/about\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>About Us</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1wjkvlz\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-np0eel-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/services\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blup Services</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-mfrs8r\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1hkxmu8-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://in.linkedin.com/company/bluptool\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Career</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-98b3lv\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1c2koxx-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/privacy-policy\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Privacy Policy</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1pkkszj\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1ba7olt-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/terms-of-service\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Terms of Services</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-152a0o9\"><div class=\"framer-zg52d0\" data-framer-name=\"Use Case\"><div class=\"framer-9z6qdr\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Use Case\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Use Case</p></div><div class=\"framer-icst3r\" data-framer-name=\"liks\"><div class=\"framer-vten2h\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1xkxdpd-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/agencies\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Agencies</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18znsk9\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9fn825-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/startups\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Startups</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1iu5qet\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-72634x-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/freelancers\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Freelancers</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div><div class=\"framer-16agooj\" data-framer-name=\"Product\"><div class=\"framer-37mz5b\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Product\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Product</p></div><div class=\"framer-mhcphl\" data-framer-name=\"liks\"><div class=\"framer-1v041a8\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-kvc3n1-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/design\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Design</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1jcr5ni\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-fas60c-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/logics\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Logic</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-xww7xi\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-12o2kgd-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/sheets\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Backend</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18btfnb\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-o2zcs-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/publish-blup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Publish</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-17614h3\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1r0yy3a-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/madeinblup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Made in  Blup</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-eszgsh\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-fn41wu-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/pricing\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Pricing</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-plrlqa\" data-framer-name=\"Resources\"><div class=\"framer-1a6gzce\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Resources\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Resources</p></div><div class=\"framer-pntnsj\" data-framer-name=\"liks\"><div class=\"framer-p5madx\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1oslaly-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/blogs\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blogs</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18sg2fi\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1dvfro1-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://docs.blup.in/\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Documentation</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1bjwatp\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9dgbec-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://www.youtube.com/@blup_tool\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Videos</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div></div></div></div><div class=\"ssr-variant hidden-dsf0b6 hidden-14ytltw hidden-8fvzmb hidden-17wka1b\"><div class=\"framer-YYgom framer-19iaf9z framer-v-10k21aq\" data-border=\"true\" data-framer-name=\"Mobile \" style=\"--border-bottom-width:0px;--border-color:rgb(207, 212, 220);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;background-color:rgb(248, 249, 251);width:100%\"><div class=\"framer-adja3w\" data-framer-name=\"Div/content\"><div class=\"framer-1c6ramu\" data-framer-name=\"Social and copy\"><div class=\"framer-1n2ue81\"><div class=\"framer-ewre21\" data-framer-name=\"Icons&amp;logo\"><a as=\"a\" class=\"framer-ksrf4y framer-4xwgsz\" data-framer-name=\"Logo\" href=\"/#hero-banner\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"76\" loading=\"lazy\" src=\"/assets/5443710390cff9ca5b70.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"239\"/></div></a><div class=\"framer-128ghxc\" data-framer-name=\"Social icons\" style=\"border-bottom-left-radius:26px;border-bottom-right-radius:26px;border-top-left-radius:26px;border-top-right-radius:26px\"><div class=\"framer-aa8kq1-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.youtube.com/@blup_tool\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-1o4xr0l\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Youtube\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-f3mlr3\" data-framer-component-type=\"SVG\" data-framer-name=\"Youtube\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 22\"><use href=\"#svg-1874514689_689\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-gsiphi-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://discord.com/invite/tzKW2mx5Tr\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-kx9zub\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Discord\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-1dsuivu\" data-framer-component-type=\"SVG\" data-framer-name=\"Discord\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 24\"><use href=\"#svg495389115_2023\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-uqpsa2-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.instagram.com/blup_tool/\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-fwrr3y\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Instagram\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-dt82du\" data-framer-component-type=\"SVG\" data-framer-name=\"Instagram\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 31\"><use href=\"#svg-859736640_2246\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-nltasv-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.linkedin.com/company/bluptool/\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-17mu8vl\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Linkedin\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-1imc6po\" data-framer-component-type=\"SVG\" data-framer-name=\"Linkedin\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 31\"><use href=\"#svg-59058096_918\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-1xqgtbf-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://twitter.com/Blup_tool\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-lscij\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"twitter\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-lyah1l\" data-framer-component-type=\"SVG\" data-framer-name=\"twitter\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 26\"><use href=\"#svg1206339862_959\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div></div></div><div class=\"framer-1yvpz2c\"><div class=\"framer-jdvvgo\"><div class=\"framer-1rjd9gk\"><div class=\"framer-8mdn8t\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(93, 94, 103);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgU2VtaWJvbGQ=;--framer-font-family:\"Graphik Semibold\", \"Graphik Semibold Placeholder\", sans-serif;--framer-font-size:20px;--framer-letter-spacing:0.4px;--framer-line-height:120%;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(93, 94, 103))'>India(HQ)</p></div><div class=\"framer-9quov2-container\"><a class=\"framer-DEm3Q framer-1oe0jhe framer-v-1oe0jhe framer-lxdd4n\" data-framer-name=\"Variant 1\" style=\"background-color:rgb(255, 255, 255);height:100%;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-zg0im1\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 1.755 7.087 C 1.322 6.919 1.106 6.834 1.043 6.713 C 0.988 6.608 0.988 6.483 1.042 6.377 C 1.105 6.256 1.322 6.172 1.755 6.003 L 14.037 1.21 C 14.427 1.057 14.623 0.981 14.747 1.023 C 14.856 1.059 14.941 1.144 14.977 1.252 C 15.019 1.377 14.943 1.573 14.79 1.963 L 9.997 14.245 C 9.828 14.678 9.744 14.894 9.622 14.957 C 9.517 15.012 9.392 15.012 9.287 14.957 C 9.165 14.894 9.081 14.678 8.913 14.245 L 7.002 9.33 C 6.967 9.242 6.95 9.198 6.924 9.161 C 6.9 9.128 6.872 9.099 6.839 9.076 C 6.802 9.05 6.758 9.032 6.67 8.998 Z%22 fill=%22transparent%22 stroke-width=%221.4545454545454546%22 stroke=%22%235D5E67%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></a></div></div><div class=\"framer-18ig37u\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"UIncept, 10th Floor, M3M Cosmopolitan, Sector 66, Gurugram, Haryana 122018, Gurugram, Haryana 122101\" style=\"--extracted-2gxw0f:rgb(127, 127, 127);--extracted-r6o4lv:rgb(127, 127, 127);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-r6o4lv, rgb(127, 127, 127))'>9th Floor, Tower C, Logix Cyber Park, </p><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-2gxw0f, rgb(127, 127, 127))'>C Block, Phase 2, Industrial Area, Sector 62, Noida, Uttar Pradesh, 201309</p></div></div><div class=\"framer-104wcgb\"><div class=\"framer-11q3c7q\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(93, 94, 103);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgU2VtaWJvbGQ=;--framer-font-family:\"Graphik Semibold\", \"Graphik Semibold Placeholder\", sans-serif;--framer-font-size:20px;--framer-letter-spacing:0.4px;--framer-line-height:120%;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(93, 94, 103))'>USA</p></div><div class=\"framer-l1g193\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"2081 Center Street Berkeley, CA 94704\" style=\"--extracted-2gxw0f:rgb(127, 127, 127);--extracted-r6o4lv:rgb(127, 127, 127);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-r6o4lv, rgb(127, 127, 127))'>2081 Center Street Berkeley, </p><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-2gxw0f, rgb(127, 127, 127))'>CA 94704</p></div></div><div class=\"framer-148x6bu\"><a as=\"a\" class=\"framer-1l79tip framer-4xwgsz\" href=\"/services\" rel=\"noopener noreferrer\" target=\"_blank\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"22\" loading=\"lazy\" src=\"/assets/1fe20ac21e77d8f5ff39.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:contain\" width=\"152\"/></div></a><a as=\"a\" class=\"framer-gi6al3 framer-4xwgsz\" href=\"http://expendefy.com/\" rel=\"noopener noreferrer\" style=\"width:auto;aspect-ratio:3.0166320166320166\" target=\"_blank\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"962\" loading=\"lazy\" sizes=\"(min-width: 1440px) 60.3326px, (min-width: 1280px) and (max-width: 1439px) 60.3326px, (min-width: 1200px) and (max-width: 1279px) 60.3326px, (max-width: 809px) 60.3326px, (min-width: 810px) and (max-width: 1199px) 60.3326px\" src=\"/assets/4eab22b1feef2e74c89d.png\" srcset=\"/assets/4eab22b1feef2e74c89d.png 512w,/assets/4eab22b1feef2e74c89d.png 1024w,/assets/4eab22b1feef2e74c89d.png 2048w,/assets/4eab22b1feef2e74c89d.png 2902w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:contain\" width=\"2902\"/></div></a></div></div></div><div class=\"framer-1f8lafd\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"© 2023 Blupx Private Limited. All rights reserved.\" style=\"--extracted-2gxw0f:rgb(152, 161, 178);--extracted-r6o4lv:rgb(152, 161, 178);transform:none\"><p class=\"framer-text\" dir=\"auto\" style=\"--font-selector:SW50ZXItTWVkaXVt;--framer-font-size:14px;--framer-font-weight:500;--framer-letter-spacing:0px;--framer-line-height:20px;--framer-text-color:var(--extracted-r6o4lv, rgb(152, 161, 178))\">© 2021-26 Blupx Private Limited. </p><p class=\"framer-text\" dir=\"auto\" style=\"--font-selector:SW50ZXItTWVkaXVt;--framer-font-size:14px;--framer-font-weight:500;--framer-letter-spacing:0px;--framer-line-height:20px;--framer-text-color:var(--extracted-2gxw0f, rgb(152, 161, 178))\">All rights reserved.</p></div></div><div class=\"framer-f034l3\" data-framer-name=\"Links\"><div class=\"framer-8qgqaa\"><div class=\"framer-1kg2gsm\" data-framer-name=\"Connect\"><div class=\"framer-fmus4a\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Connect</p></div><div class=\"framer-vqvs7n\" data-framer-name=\"liks\"><div class=\"framer-1e13i2t\" data-framer-name=\"Icon buttons\"><div class=\"framer-s2o02m-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://wa.me/+919557966054\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>+91-9557966054</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div><div class=\"framer-w7o008-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://wa.me/+918266811043\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>+91-8266811043</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-19focl9\" data-framer-name=\"Icon buttons\"><div class=\"framer-kp1nq5\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-xid9bf-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"mailto:sahaj@blup.in\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>sahaj@blup.in</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div><div class=\"framer-42qapk\" data-framer-name=\"Icon buttons\"><div class=\"framer-38s2me\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-im16d-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"mailto:support@blup.in\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>support@blupin</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-190cgbz\" data-framer-name=\"Company\"><div class=\"framer-f1rf1y\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Company\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Company</p></div><div class=\"framer-1nhnw5v\" data-framer-name=\"liks\"><div class=\"framer-12ueync\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-152rgee-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/about\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>About Us</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1wjkvlz\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-np0eel-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/services\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blup Services</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-mfrs8r\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1hkxmu8-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://in.linkedin.com/company/bluptool\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Career</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-98b3lv\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1c2koxx-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/privacy-policy\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Privacy Policy</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1pkkszj\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1ba7olt-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/terms-of-service\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Terms of Services</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-152a0o9\"><div class=\"framer-zg52d0\" data-framer-name=\"Use Case\"><div class=\"framer-9z6qdr\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Use Case\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Use Case</p></div><div class=\"framer-icst3r\" data-framer-name=\"liks\"><div class=\"framer-vten2h\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1xkxdpd-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/agencies\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Agencies</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18znsk9\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9fn825-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/startups\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Startups</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1iu5qet\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-72634x-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/freelancers\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Freelancers</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div><div class=\"framer-16agooj\" data-framer-name=\"Product\"><div class=\"framer-37mz5b\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Product\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Product</p></div><div class=\"framer-mhcphl\" data-framer-name=\"liks\"><div class=\"framer-1v041a8\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-kvc3n1-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/design\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Design</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1jcr5ni\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-fas60c-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/logics\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Logic</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-xww7xi\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-12o2kgd-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/sheets\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Backend</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18btfnb\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-o2zcs-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/publish-blup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Publish</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-17614h3\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1r0yy3a-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/madeinblup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Made in  Blup</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-eszgsh\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-fn41wu-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/pricing\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Pricing</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-plrlqa\" data-framer-name=\"Resources\"><div class=\"framer-1a6gzce\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Resources\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Resources</p></div><div class=\"framer-pntnsj\" data-framer-name=\"liks\"><div class=\"framer-p5madx\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1oslaly-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/blogs\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blogs</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18sg2fi\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1dvfro1-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://docs.blup.in/\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Documentation</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1bjwatp\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9dgbec-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://www.youtube.com/@blup_tool\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Videos</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-13aprm2\" style=\"background-color:rgb(221, 224, 231)\"></div></div></div></div><div class=\"ssr-variant hidden-1ufyj62 hidden-dsf0b6 hidden-14ytltw hidden-17wka1b\"><div class=\"framer-YYgom framer-19iaf9z framer-v-1a5f0dq\" data-border=\"true\" data-framer-name=\"Tablet\" style=\"--border-bottom-width:0px;--border-color:rgb(207, 212, 220);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;background-color:rgb(248, 249, 251);width:100%\"><div class=\"framer-adja3w\" data-framer-name=\"Div/content\"><div class=\"framer-1c6ramu\" data-framer-name=\"Social and copy\"><div class=\"framer-1n2ue81\"><div class=\"framer-ewre21\" data-framer-name=\"Icons&amp;logo\"><a as=\"a\" class=\"framer-ksrf4y framer-4xwgsz\" data-framer-name=\"Logo\" href=\"/#hero-banner\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"76\" loading=\"lazy\" src=\"/assets/5443710390cff9ca5b70.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center;object-fit:cover\" width=\"239\"/></div></a><div class=\"framer-128ghxc\" data-framer-name=\"Social icons\" style=\"border-bottom-left-radius:26px;border-bottom-right-radius:26px;border-top-left-radius:26px;border-top-right-radius:26px\"><div class=\"framer-aa8kq1-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.youtube.com/@blup_tool\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-1o4xr0l\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Youtube\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-f3mlr3\" data-framer-component-type=\"SVG\" data-framer-name=\"Youtube\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 22\"><use href=\"#svg-1874514689_689\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-gsiphi-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://discord.com/invite/tzKW2mx5Tr\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-kx9zub\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Discord\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-1dsuivu\" data-framer-component-type=\"SVG\" data-framer-name=\"Discord\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 24\"><use href=\"#svg495389115_2023\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-uqpsa2-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.instagram.com/blup_tool/\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-fwrr3y\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Instagram\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-dt82du\" data-framer-component-type=\"SVG\" data-framer-name=\"Instagram\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 31\"><use href=\"#svg-859736640_2246\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-nltasv-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://www.linkedin.com/company/bluptool/\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-17mu8vl\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"Linkedin\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-1imc6po\" data-framer-component-type=\"SVG\" data-framer-name=\"Linkedin\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 31\"><use href=\"#svg-59058096_918\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div><div class=\"framer-1xqgtbf-container\"><div class=\"framer-4m86J framer-v-qh30zs\" style=\"display:contents\" tabindex=\"0\"><a class=\"framer-qh30zs framer-1m5xxcc\" data-framer-name=\"Variant 1\" href=\"https://twitter.com/Blup_tool\" rel=\"noopener noreferrer\" style=\"background-color:rgba(255, 255, 255, 0);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px\" target=\"_blank\"><div class=\"framer-1bw0yk5-container\"><div class=\"framer-Owk4q framer-v-lscij\" style=\"display:contents\" tabindex=\"0\"><div class=\"framer-1o4xr0l\" data-framer-name=\"twitter\" style=\"height:100%;width:100%\"><div aria-hidden=\"true\" class=\"framer-lyah1l\" data-framer-component-type=\"SVG\" data-framer-name=\"twitter\" style=\"image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)\"><div class=\"svgContainer\" style=\"width:100%;height:100%;aspect-ratio:inherit\"><svg style=\"width:100%;height:100%;\" viewbox=\"0 0 30 26\"><use href=\"#svg1206339862_959\"></use></svg></div></div></div></div></div><div class=\"framer-1tshw12\" style=\"--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(255, 255, 255);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-top-left-radius:40px;border-top-right-radius:40px;opacity:0\"></div></a></div></div></div></div><div class=\"framer-1yvpz2c\"><div class=\"framer-jdvvgo\"><div class=\"framer-1rjd9gk\"><div class=\"framer-8mdn8t\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(93, 94, 103);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgU2VtaWJvbGQ=;--framer-font-family:\"Graphik Semibold\", \"Graphik Semibold Placeholder\", sans-serif;--framer-font-size:20px;--framer-letter-spacing:0.4px;--framer-line-height:120%;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(93, 94, 103))'>India(HQ)</p></div><div class=\"framer-9quov2-container\"><a class=\"framer-DEm3Q framer-1oe0jhe framer-v-1oe0jhe framer-lxdd4n\" data-framer-name=\"Variant 1\" style=\"background-color:rgb(255, 255, 255);height:100%;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-zg0im1\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 1.755 7.087 C 1.322 6.919 1.106 6.834 1.043 6.713 C 0.988 6.608 0.988 6.483 1.042 6.377 C 1.105 6.256 1.322 6.172 1.755 6.003 L 14.037 1.21 C 14.427 1.057 14.623 0.981 14.747 1.023 C 14.856 1.059 14.941 1.144 14.977 1.252 C 15.019 1.377 14.943 1.573 14.79 1.963 L 9.997 14.245 C 9.828 14.678 9.744 14.894 9.622 14.957 C 9.517 15.012 9.392 15.012 9.287 14.957 C 9.165 14.894 9.081 14.678 8.913 14.245 L 7.002 9.33 C 6.967 9.242 6.95 9.198 6.924 9.161 C 6.9 9.128 6.872 9.099 6.839 9.076 C 6.802 9.05 6.758 9.032 6.67 8.998 Z%22 fill=%22transparent%22 stroke-width=%221.4545454545454546%22 stroke=%22%235D5E67%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></a></div></div><div class=\"framer-18ig37u\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"UIncept, 10th Floor, M3M Cosmopolitan, Sector 66, Gurugram, Haryana 122018, Gurugram, Haryana 122101\" style=\"--extracted-2gxw0f:rgb(127, 127, 127);--extracted-r6o4lv:rgb(127, 127, 127);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-r6o4lv, rgb(127, 127, 127))'>9th Floor, Tower C, Logix Cyber Park, </p><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-2gxw0f, rgb(127, 127, 127))'>C Block, Phase 2, Industrial Area, Sector 62, Noida, Uttar Pradesh, 201309</p></div></div><div class=\"framer-104wcgb\"><div class=\"framer-11q3c7q\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(93, 94, 103);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgU2VtaWJvbGQ=;--framer-font-family:\"Graphik Semibold\", \"Graphik Semibold Placeholder\", sans-serif;--framer-font-size:20px;--framer-letter-spacing:0.4px;--framer-line-height:120%;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(93, 94, 103))'>USA</p></div><div class=\"framer-l1g193\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"2081 Center Street Berkeley, CA 94704\" style=\"--extracted-2gxw0f:rgb(127, 127, 127);--extracted-r6o4lv:rgb(127, 127, 127);transform:none\"><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-r6o4lv, rgb(127, 127, 127))'>2081 Center Street Berkeley, </p><p class=\"framer-text\" style='--font-selector:Q1VTVE9NO0dyYXBoaWsgTWVkaXVt;--framer-font-family:\"Graphik Medium\", \"Graphik Medium Placeholder\", sans-serif;--framer-font-size:14px;--framer-line-height:125%;--framer-text-color:var(--extracted-2gxw0f, rgb(127, 127, 127))'>CA 94704</p></div></div><div class=\"framer-148x6bu\"><a as=\"a\" class=\"framer-1l79tip framer-4xwgsz\" href=\"/services\" rel=\"noopener noreferrer\" target=\"_blank\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"22\" loading=\"lazy\" src=\"/assets/1fe20ac21e77d8f5ff39.png\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:contain\" width=\"152\"/></div></a><a as=\"a\" class=\"framer-gi6al3 framer-4xwgsz\" href=\"http://expendefy.com/\" rel=\"noopener noreferrer\" style=\"width:auto;aspect-ratio:3.0166320166320166\" target=\"_blank\"><div data-framer-background-image-wrapper=\"true\" style=\"position:absolute;border-radius:inherit;corner-shape:inherit;top:0;right:0;bottom:0;left:0\"><img alt=\"\" decoding=\"async\" height=\"962\" loading=\"lazy\" sizes=\"(min-width: 1440px) 60.3326px, (min-width: 1280px) and (max-width: 1439px) 60.3326px, (min-width: 1200px) and (max-width: 1279px) 60.3326px, (max-width: 809px) 60.3326px, (min-width: 810px) and (max-width: 1199px) 60.3326px\" src=\"/assets/4eab22b1feef2e74c89d.png\" srcset=\"/assets/4eab22b1feef2e74c89d.png 512w,/assets/4eab22b1feef2e74c89d.png 1024w,/assets/4eab22b1feef2e74c89d.png 2048w,/assets/4eab22b1feef2e74c89d.png 2902w\" style=\"display:block;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-position:center top;object-fit:contain\" width=\"2902\"/></div></a></div></div></div><div class=\"framer-1f8lafd\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"© 2023 Blupx Private Limited. All rights reserved.\" style=\"--extracted-2gxw0f:rgb(152, 161, 178);--extracted-r6o4lv:rgb(152, 161, 178);transform:none\"><p class=\"framer-text\" dir=\"auto\" style=\"--font-selector:SW50ZXItTWVkaXVt;--framer-font-size:14px;--framer-font-weight:500;--framer-letter-spacing:0px;--framer-line-height:20px;--framer-text-color:var(--extracted-r6o4lv, rgb(152, 161, 178))\">© 2021-26 Blupx Private Limited. </p><p class=\"framer-text\" dir=\"auto\" style=\"--font-selector:SW50ZXItTWVkaXVt;--framer-font-size:14px;--framer-font-weight:500;--framer-letter-spacing:0px;--framer-line-height:20px;--framer-text-color:var(--extracted-2gxw0f, rgb(152, 161, 178))\">All rights reserved.</p></div></div><div class=\"framer-f034l3\" data-framer-name=\"Links\"><div class=\"framer-8qgqaa\"><div class=\"framer-1kg2gsm\" data-framer-name=\"Connect\"><div class=\"framer-fmus4a\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Connect\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Connect</p></div><div class=\"framer-vqvs7n\" data-framer-name=\"liks\"><div class=\"framer-1e13i2t\" data-framer-name=\"Icon buttons\"><div class=\"framer-s2o02m-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://wa.me/+919557966054\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>+91-9557966054</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div><div class=\"framer-w7o008-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://wa.me/+918266811043\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>+91-8266811043</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-19focl9\" data-framer-name=\"Icon buttons\"><div class=\"framer-kp1nq5\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-xid9bf-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"mailto:sahaj@blup.in\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>sahaj@blup.in</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div><div class=\"framer-42qapk\" data-framer-name=\"Icon buttons\"><div class=\"framer-38s2me\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-im16d-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"mailto:support@blup.in\" rel=\"noopener noreferrer\" style=\"width:100%\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>support@blupin</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-190cgbz\" data-framer-name=\"Company\"><div class=\"framer-f1rf1y\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Company\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Company</p></div><div class=\"framer-1nhnw5v\" data-framer-name=\"liks\"><div class=\"framer-12ueync\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-152rgee-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/about\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>About Us</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1wjkvlz\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-np0eel-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/services\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blup Services</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-mfrs8r\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1hkxmu8-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://in.linkedin.com/company/bluptool\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Career</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-98b3lv\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1c2koxx-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/privacy-policy\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Privacy Policy</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1pkkszj\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1ba7olt-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/terms-of-service\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Terms of Services</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-152a0o9\"><div class=\"framer-zg52d0\" data-framer-name=\"Use Case\"><div class=\"framer-9z6qdr\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Use Case\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Use Case</p></div><div class=\"framer-icst3r\" data-framer-name=\"liks\"><div class=\"framer-vten2h\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1xkxdpd-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/agencies\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Agencies</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18znsk9\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9fn825-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/startups\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Startups</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1iu5qet\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-72634x-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/freelancers\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Freelancers</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div><div class=\"framer-16agooj\" data-framer-name=\"Product\"><div class=\"framer-37mz5b\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Product\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Product</p></div><div class=\"framer-mhcphl\" data-framer-name=\"liks\"><div class=\"framer-1v041a8\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-kvc3n1-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/design\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Design</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1jcr5ni\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-fas60c-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/logics\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Logic</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-xww7xi\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-12o2kgd-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/sheets\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Backend</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18btfnb\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-o2zcs-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/publish-blup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Publish</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-17614h3\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1r0yy3a-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/madeinblup\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Made in  Blup</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-eszgsh\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-fn41wu-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/pricing\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Pricing</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-plrlqa\" data-framer-name=\"Resources\"><div class=\"framer-1a6gzce\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"Resources\" style=\"--extracted-r6o4lv:rgb(52, 64, 83);transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:30px;--framer-text-color:var(--extracted-r6o4lv, rgb(52, 64, 83))'>Resources</p></div><div class=\"framer-pntnsj\" data-framer-name=\"liks\"><div class=\"framer-p5madx\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1oslaly-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"/blogs\" tabindex=\"0\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Blogs</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-18sg2fi\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-1dvfro1-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://docs.blup.in/\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Documentation</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div><div class=\"framer-1bjwatp\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-9dgbec-container\"><a class=\"framer-FdNkk framer-70ultu framer-v-2zmh5u framer-11djfb2\" data-framer-name=\"Arrow\" href=\"https://www.youtube.com/@blup_tool\" rel=\"noopener noreferrer\" tabindex=\"0\" target=\"_blank\"><div class=\"framer-ftbagk\" data-framer-name=\"state-layer\" style=\"border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px\"><div class=\"framer-qwv4os\" data-framer-component-type=\"RichTextContainer\" data-framer-name=\"label-text\" style=\"justify-content:center;--extracted-r6o4lv:var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132));transform:none\"><p class=\"framer-text\" style='--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:\"Inter-SemiBold\", \"Inter\", \"Inter Placeholder\", sans-serif;--framer-font-weight:600;--framer-letter-spacing:0px;--framer-line-height:24px;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--token-c2f17ebf-808a-4c83-baa3-b2ee32706a9f, rgb(102, 112, 132)))'>Videos</p></div><div class=\"framer-9cvh6u-container\" style=\"opacity:0\"><div class=\"framer-ehosi framer-ourfv2 framer-v-ourfv2\" data-framer-name=\"Dark/icon\" style=\"height:100%;width:100%\" tabindex=\"0\"><div aria-hidden=\"true\" class=\"framer-10rxlwc\" data-framer-component-type=\"SVG\" data-framer-name=\"Icon\" style=\"image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 16 16%22&gt;&lt;path d=%22M 8 14.667 C 11.682 14.667 14.667 11.682 14.667 8 C 14.667 4.318 11.682 1.333 8 1.333 C 4.318 1.333 1.333 4.318 1.333 8 C 1.333 11.682 4.318 14.667 8 14.667 Z%22 fill=%22transparent%22 stroke-width=%221.33%22 stroke=%22rgb(52,64,84)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22&gt;&lt;/path&gt;&lt;/svg&gt;')\"></div></div></div></div></a></div></div></div></div></div><div class=\"framer-13aprm2\" style=\"background-color:rgb(221, 224, 231)\"></div></div></div></div></div></div><div class=\"framer-hPdnI framer-i80KB framer-7HicZ\" id=\"overlay\"></div><div aria-hidden=\"true\" id=\"svg-templates\" style=\"position: absolute; overflow: hidden; bottom: 0; left: 0; width: 0; height: 0; z-index: 0; contain: strict\">\n<svg id=\"svg1408347314\" viewbox=\"0 0 12 8\"><path d=\"M 1 1.5 L 6 6.5 L 11 1.5\" fill=\"transparent\" stroke='var(--token-d7d6b21c-d2e1-44c1-bc08-bf2a1c56fd79, rgb(51, 64, 83)) /* {\"name\":\"Gray/700\"} */' stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.66667\"></path></svg>\n<svg fill=\"none\" height=\"18\" id=\"svg-1330787638_270\" viewbox=\"-1 -1 18 18\" width=\"18\">\n<path d=\"M15.5 15.5H0.5M13 7.16667L8 12.1667M8 12.1667L3 7.16667M8 12.1667V0.5\" stroke=\"#344054\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"></path>\n</svg>\n<svg fill=\"none\" height=\"20\" id=\"svg88979601_694\" viewbox=\"0 0 20 20\" width=\"20\">\n<path d=\"M19.5817 5.12578C19.3517 4.25995 18.6742 3.57745 17.8133 3.34578C16.2542 2.92578 10 2.92578 10 2.92578C10 2.92578 3.74583 2.92578 2.18583 3.34578C1.32583 3.57745 0.648333 4.25911 0.418333 5.12578C0 6.69578 0 9.97078 0 9.97078C0 9.97078 0 13.2458 0.418333 14.8158C0.648333 15.6816 1.32583 16.3641 2.18667 16.5958C3.74583 17.0158 10 17.0158 10 17.0158C10 17.0158 16.2542 17.0158 17.8142 16.5958C18.6742 16.3641 19.3517 15.6825 19.5825 14.8158C20 13.2458 20 9.97078 20 9.97078C20 9.97078 20 6.69578 19.5817 5.12578ZM7.955 12.945V6.99661L13.1817 9.97078L7.955 12.945Z\" fill=\"#6E6E73\"></path>\n</svg>\n<svg fill=\"none\" height=\"20\" id=\"svg-1700394553_2132\" viewbox=\"0 0 20 20\" width=\"20\">\n<g clip-path=\"url(#svg-1700394553_2132_clip0_777_580)\">\n<path d=\"M16.9309 3.64164C15.6559 3.05664 14.2892 2.62581 12.8601 2.37914C12.8342 2.37414 12.8084 2.38664 12.7942 2.40998C12.6184 2.72248 12.4234 3.13081 12.2876 3.45081C10.7501 3.22081 9.22091 3.22081 7.71507 3.45081C7.57924 3.12331 7.37674 2.72248 7.20091 2.40998C7.18674 2.38664 7.16091 2.37498 7.13507 2.37914C5.70674 2.62498 4.34007 3.05581 3.06424 3.64164C3.05341 3.64581 3.04341 3.65414 3.03757 3.66414C0.445073 7.53748 -0.265761 11.3158 0.0825727 15.0475C0.0842394 15.0658 0.0942394 15.0833 0.108406 15.0941C1.81924 16.3508 3.47591 17.1133 5.10257 17.6183C5.12841 17.6266 5.15591 17.6166 5.17257 17.595C5.55757 17.07 5.90007 16.5158 6.19424 15.9333C6.21174 15.8991 6.19507 15.8583 6.15924 15.845C5.61507 15.6383 5.09757 15.3866 4.59924 15.1016C4.56007 15.0783 4.55674 15.0225 4.59257 14.995C4.69757 14.9166 4.80257 14.835 4.90257 14.7525C4.92091 14.7375 4.94591 14.7341 4.96757 14.7441C8.24091 16.2383 11.7842 16.2383 15.0184 14.7441C15.0401 14.7341 15.0651 14.7366 15.0842 14.7525C15.1842 14.835 15.2892 14.9175 15.3951 14.9958C15.4317 15.0225 15.4292 15.0791 15.3892 15.1025C14.8909 15.3933 14.3734 15.64 13.8284 15.845C13.7926 15.8583 13.7776 15.9 13.7942 15.9341C14.0942 16.5158 14.4376 17.07 14.8151 17.595C14.8309 17.6175 14.8592 17.6266 14.8851 17.6191C16.5192 17.1133 18.1767 16.3508 19.8867 15.095C19.9017 15.0841 19.9109 15.0675 19.9126 15.0491C20.3292 10.735 19.2142 6.98748 16.9559 3.66581C16.9517 3.65414 16.9417 3.64581 16.9309 3.64164ZM6.68341 12.7758C5.69757 12.7758 4.88591 11.8708 4.88591 10.76C4.88591 9.64914 5.68174 8.74414 6.68341 8.74414C7.69257 8.74414 8.49674 9.65664 8.48091 10.76C8.48091 11.8716 7.68424 12.7758 6.68341 12.7758ZM13.3292 12.7758C12.3442 12.7758 11.5317 11.8708 11.5317 10.76C11.5317 9.64914 12.3276 8.74414 13.3292 8.74414C14.3384 8.74414 15.1426 9.65664 15.1267 10.76C15.1267 11.8716 14.3384 12.7758 13.3292 12.7758Z\" fill=\"#6E6E73\"></path>\n</g>\n<defs>\n<clippath id=\"svg-1700394553_2132_clip0_777_580\">\n<rect fill=\"white\" height=\"20\" width=\"20\"></rect>\n</clippath>\n</defs>\n</svg>\n<svg fill=\"none\" height=\"20\" id=\"svg-871369010_2310\" viewbox=\"0 0 20 20\" width=\"20\">\n<g clip-path=\"url(#svg-871369010_2310_clip0_777_583)\">\n<path d=\"M10 1.80167C12.67 1.80167 12.9867 1.81167 14.0408 1.86C15.1308 1.91 16.2533 2.15833 17.0475 2.9525C17.8492 3.75417 18.09 4.86583 18.14 5.95917C18.1883 7.01333 18.1983 7.33 18.1983 10C18.1983 12.67 18.1883 12.9867 18.14 14.0408C18.0908 15.125 17.8367 16.2583 17.0475 17.0475C16.2458 17.8492 15.135 18.09 14.0408 18.14C12.9867 18.1883 12.67 18.1983 10 18.1983C7.33 18.1983 7.01333 18.1883 5.95917 18.14C4.88333 18.0908 3.735 17.8308 2.9525 17.0475C2.155 16.25 1.91 15.1275 1.86 14.0408C1.81167 12.9867 1.80167 12.67 1.80167 10C1.80167 7.33 1.81167 7.01333 1.86 5.95917C1.90917 4.87917 2.16583 3.73917 2.9525 2.9525C3.7525 2.1525 4.86833 1.91 5.95917 1.86C7.01333 1.81167 7.33 1.80167 10 1.80167ZM10 0C7.28417 0 6.94333 0.0116667 5.87667 0.06C4.33083 0.130833 2.79583 0.560833 1.67833 1.67833C0.556667 2.8 0.130833 4.33167 0.06 5.87667C0.0116667 6.94333 0 7.28417 0 10C0 12.7158 0.0116667 13.0567 0.06 14.1233C0.130833 15.6675 0.5625 17.2067 1.67833 18.3217C2.79917 19.4425 4.33333 19.8692 5.87667 19.94C6.94333 19.9883 7.28417 20 10 20C12.7158 20 13.0567 19.9883 14.1233 19.94C15.6683 19.8692 17.205 19.4383 18.3217 18.3217C19.4442 17.1992 19.8692 15.6683 19.94 14.1233C19.9883 13.0567 20 12.7158 20 10C20 7.28417 19.9883 6.94333 19.94 5.87667C19.8692 4.33083 19.4383 2.795 18.3217 1.67833C17.2025 0.559167 15.6642 0.13 14.1233 0.06C13.0567 0.0116667 12.7158 0 10 0Z\" fill=\"#6E6E73\"></path>\n<path d=\"M10.0002 4.86499C7.1644 4.86499 4.86523 7.16416 4.86523 9.99999C4.86523 12.8358 7.1644 15.135 10.0002 15.135C12.8361 15.135 15.1352 12.8358 15.1352 9.99999C15.1352 7.16416 12.8361 4.86499 10.0002 4.86499ZM10.0002 13.3333C8.1594 13.3333 6.6669 11.8408 6.6669 9.99999C6.6669 8.15916 8.1594 6.66666 10.0002 6.66666C11.8411 6.66666 13.3336 8.15916 13.3336 9.99999C13.3336 11.8408 11.8411 13.3333 10.0002 13.3333Z\" fill=\"#6E6E73\"></path>\n<path d=\"M15.3382 5.86167C16.0009 5.86167 16.5382 5.32441 16.5382 4.66167C16.5382 3.99893 16.0009 3.46167 15.3382 3.46167C14.6754 3.46167 14.1382 3.99893 14.1382 4.66167C14.1382 5.32441 14.6754 5.86167 15.3382 5.86167Z\" fill=\"#6E6E73\"></path>\n</g>\n<defs>\n<clippath id=\"svg-871369010_2310_clip0_777_583\">\n<rect fill=\"white\" height=\"20\" width=\"20\"></rect>\n</clippath>\n</defs>\n</svg>\n<svg fill=\"none\" height=\"20\" id=\"svg1361121469_1947\" viewbox=\"0 0 20 20\" width=\"20\">\n<g clip-path=\"url(#svg1361121469_1947_clip0_777_588)\">\n<path d=\"M19.1685 17.9866H19.3576L18.9951 17.4383C19.2168 17.4383 19.3343 17.2974 19.336 17.1249C19.336 17.1183 19.336 17.1108 19.3351 17.1041C19.3351 16.8691 19.1935 16.7566 18.9026 16.7566H18.4326V17.9866H18.6093V17.4508H18.8268L19.1685 17.9866ZM18.8143 17.3116H18.6093V16.8958H18.8693C19.0035 16.8958 19.1568 16.9174 19.1568 17.0933C19.1568 17.2949 19.0018 17.3116 18.8135 17.3116\" fill=\"#6E6E73\"></path>\n<path d=\"M14.4092 15.8941H11.9033V11.97C11.9033 11.0341 11.8867 9.82998 10.6 9.82998C9.295 9.82998 9.095 10.8491 9.095 11.9025V15.8941H6.59V7.82414H8.99583V8.92664H9.02917C9.52 8.08831 10.4317 7.58748 11.4025 7.62331C13.9425 7.62331 14.41 9.29414 14.41 11.4666L14.4092 15.8941ZM3.7625 6.72081C2.95917 6.72081 2.30833 6.06998 2.30833 5.26664C2.30833 4.46331 2.95917 3.81248 3.7625 3.81248C4.56583 3.81248 5.21667 4.46331 5.21667 5.26664C5.21667 6.06998 4.56583 6.72081 3.7625 6.72081ZM5.015 15.8941H2.50667V7.82414H5.015V15.8941ZM15.6583 1.48581H1.2475C0.566667 1.47831 0.00833333 2.02414 0 2.70498V17.175C0.00833333 17.8566 0.566667 18.4025 1.2475 18.395H15.6583C16.3408 18.4033 16.9017 17.8575 16.9108 17.175V2.70414C16.9008 2.02164 16.34 1.47581 15.6583 1.48498\" fill=\"#6E6E73\"></path>\n<path d=\"M18.8361 16.2091C18.1994 16.2149 17.6877 16.7366 17.6944 17.3733C17.7002 18.0099 18.2219 18.5216 18.8586 18.5149C19.4952 18.5091 20.0069 17.9874 20.0002 17.3508C19.9944 16.7224 19.4861 16.2149 18.8586 16.2091H18.8361ZM18.8627 18.3824C18.3044 18.3916 17.8177 17.9474 17.8086 17.3891C17.7994 16.8308 18.2444 16.3708 18.8027 16.3616C19.3611 16.3524 19.8211 16.7974 19.8302 17.3558C19.8302 17.3616 19.8302 17.3666 19.8302 17.3724C19.8419 17.9183 19.4086 18.3708 18.8627 18.3824H18.8369H18.8627Z\" fill=\"#6E6E73\"></path>\n</g>\n<defs>\n<clippath id=\"svg1361121469_1947_clip0_777_588\">\n<rect fill=\"white\" height=\"20\" width=\"20\"></rect>\n</clippath>\n</defs>\n</svg>\n<svg fill=\"none\" height=\"20\" id=\"svg227308118_1102\" viewbox=\"0 0 20 20\" width=\"20\">\n<g clip-path=\"url(#svg227308118_1102_clip0_777_593)\">\n<path d=\"M17.9525 5.92004C17.9642 6.09587 17.9642 6.27254 17.9642 6.45004C17.9642 11.8725 13.8358 18.125 6.28917 18.125V18.1217C4.06 18.125 1.87667 17.4867 0 16.2825C0.324167 16.3217 0.65 16.3409 0.976667 16.3417C2.825 16.3434 4.62 15.7234 6.0725 14.5817C4.31667 14.5484 2.77667 13.4034 2.23917 11.7317C2.85417 11.85 3.4875 11.8259 4.09167 11.6617C2.17667 11.275 0.8 9.59254 0.8 7.63921C0.8 7.62171 0.8 7.60421 0.8 7.58754C1.37083 7.90587 2.00917 8.08171 2.6625 8.10087C0.859167 6.89671 0.3025 4.49837 1.39167 2.62337C3.475 5.18671 6.54917 6.74504 9.84833 6.91087C9.5175 5.48587 9.97 3.99254 11.035 2.99004C12.6875 1.43587 15.2867 1.51587 16.8408 3.16837C17.76 2.98754 18.6408 2.65004 19.4467 2.17254C19.14 3.12254 18.4992 3.92921 17.6425 4.44254C18.4567 4.34504 19.2508 4.12754 20 3.79587C19.4492 4.62004 18.7558 5.33921 17.9525 5.92004Z\" fill=\"#6E6E73\"></path>\n</g>\n<defs>\n<clippath id=\"svg227308118_1102_clip0_777_593\">\n<rect fill=\"white\" height=\"20\" width=\"20\"></rect>\n</clippath>\n</defs>\n</svg>\n<svg fill=\"none\" height=\"22\" id=\"svg-1874514689_689\" viewbox=\"0 0 30 22\" width=\"30\">\n<path d=\"M29.3725 3.70332C29.0275 2.40457 28.0112 1.38082 26.72 1.03332C24.3812 0.403321 15 0.40332 15 0.40332C15 0.40332 5.61875 0.403321 3.27875 1.03332C1.98875 1.38082 0.9725 2.40332 0.6275 3.70332C0 6.05832 0 10.9708 0 10.9708C0 10.9708 0 15.8833 0.6275 18.2383C0.9725 19.5371 1.98875 20.5608 3.28 20.9083C5.61875 21.5383 15 21.5383 15 21.5383C15 21.5383 24.3813 21.5383 26.7213 20.9083C28.0113 20.5608 29.0275 19.5383 29.3738 18.2383C30 15.8833 30 10.9708 30 10.9708C30 10.9708 30 6.05832 29.3725 3.70332ZM11.9325 15.4321V6.50957L19.7725 10.9708L11.9325 15.4321Z\" fill=\"#475467\"></path>\n</svg>\n<svg fill=\"none\" height=\"24\" id=\"svg495389115_2023\" viewbox=\"0 0 30 24\" width=\"30\">\n<path d=\"M25.3964 2.47742C23.4839 1.59992 21.4339 0.953669 19.2901 0.583669C19.2514 0.576169 19.2126 0.594919 19.1914 0.629919C18.9276 1.09867 18.6351 1.71117 18.4314 2.19117C16.1251 1.84617 13.8314 1.84617 11.5726 2.19117C11.3689 1.69992 11.0651 1.09867 10.8014 0.629919C10.7801 0.594919 10.7414 0.577419 10.7026 0.583669C8.56011 0.952419 6.51011 1.59867 4.59636 2.47742C4.58011 2.48367 4.56511 2.49617 4.55636 2.51117C0.667609 8.32117 -0.398641 13.9887 0.123859 19.5862C0.126359 19.6137 0.141359 19.6399 0.162609 19.6562C2.72886 21.5412 5.21386 22.6849 7.65386 23.4424C7.69261 23.4549 7.73386 23.4399 7.75886 23.4074C8.33636 22.6199 8.85011 21.7887 9.29136 20.9149C9.31761 20.8637 9.29261 20.8024 9.23886 20.7824C8.42261 20.4724 7.64636 20.0949 6.89886 19.6674C6.84011 19.6324 6.83511 19.5487 6.88886 19.5074C7.04636 19.3899 7.20386 19.2674 7.35386 19.1437C7.38136 19.1212 7.41886 19.1162 7.45136 19.1312C12.3614 21.3724 17.6764 21.3724 22.5276 19.1312C22.5601 19.1162 22.5976 19.1199 22.6264 19.1437C22.7764 19.2674 22.9339 19.3912 23.0926 19.5087C23.1476 19.5487 23.1439 19.6337 23.0839 19.6687C22.3364 20.1049 21.5601 20.4749 20.7426 20.7824C20.6889 20.8024 20.6664 20.8649 20.6914 20.9162C21.1414 21.7887 21.6564 22.6199 22.2226 23.4074C22.2464 23.4412 22.2889 23.4549 22.3276 23.4437C24.7789 22.6849 27.2651 21.5412 29.8301 19.6574C29.8526 19.6412 29.8664 19.6162 29.8689 19.5887C30.4939 13.1174 28.8214 7.49617 25.4339 2.51367C25.4276 2.49617 25.4126 2.48367 25.3964 2.47742ZM10.0251 16.1787C8.54636 16.1787 7.32886 14.8212 7.32886 13.1549C7.32886 11.4887 8.52261 10.1312 10.0251 10.1312C11.5389 10.1312 12.7451 11.4999 12.7214 13.1549C12.7214 14.8224 11.5264 16.1787 10.0251 16.1787ZM19.9939 16.1787C18.5164 16.1787 17.2976 14.8212 17.2976 13.1549C17.2976 11.4887 18.4914 10.1312 19.9939 10.1312C21.5076 10.1312 22.7139 11.4999 22.6901 13.1549C22.6901 14.8224 21.5076 16.1787 19.9939 16.1787Z\" fill=\"#475467\"></path>\n</svg>\n<svg fill=\"none\" height=\"31\" id=\"svg-859736640_2246\" viewbox=\"0 0 30 31\" width=\"30\">\n<path d=\"M15 2.71715C19.005 2.71715 19.48 2.73215 21.0613 2.80465C22.6963 2.87965 24.38 3.25215 25.5713 4.4434C26.7738 5.6459 27.135 7.3134 27.21 8.9534C27.2825 10.5346 27.2975 11.0096 27.2975 15.0146C27.2975 19.0196 27.2825 19.4946 27.21 21.0759C27.1362 22.7022 26.755 24.4021 25.5713 25.5859C24.3688 26.7884 22.7025 27.1496 21.0613 27.2246C19.48 27.2971 19.005 27.3121 15 27.3121C10.995 27.3121 10.52 27.2971 8.93875 27.2246C7.325 27.1509 5.6025 26.7609 4.42875 25.5859C3.2325 24.3896 2.865 22.7059 2.79 21.0759C2.7175 19.4946 2.7025 19.0196 2.7025 15.0146C2.7025 11.0096 2.7175 10.5346 2.79 8.9534C2.86375 7.3334 3.24875 5.6234 4.42875 4.4434C5.62875 3.2434 7.3025 2.87965 8.93875 2.80465C10.52 2.73215 10.995 2.71715 15 2.71715ZM15 0.0146484C10.9262 0.0146484 10.415 0.0321484 8.815 0.104648C6.49625 0.210898 4.19375 0.855898 2.5175 2.53215C0.835 4.21465 0.19625 6.51215 0.09 8.82965C0.0175 10.4296 0 10.9409 0 15.0146C0 19.0884 0.0175 19.5996 0.09 21.1996C0.19625 23.5159 0.84375 25.8246 2.5175 27.4971C4.19875 29.1784 6.5 29.8184 8.815 29.9246C10.415 29.9971 10.9262 30.0146 15 30.0146C19.0737 30.0146 19.585 29.9971 21.185 29.9246C23.5025 29.8184 25.8075 29.1721 27.4825 27.4971C29.1663 25.8134 29.8037 23.5171 29.91 21.1996C29.9825 19.5996 30 19.0884 30 15.0146C30 10.9409 29.9825 10.4296 29.91 8.82965C29.8037 6.5109 29.1575 4.20715 27.4825 2.53215C25.8037 0.853398 23.4963 0.209648 21.185 0.104648C19.585 0.0321484 19.0737 0.0146484 15 0.0146484Z\" fill=\"#475467\"></path>\n<path d=\"M15.0001 7.3125C10.7464 7.3125 7.29761 10.7613 7.29761 15.015C7.29761 19.2688 10.7464 22.7175 15.0001 22.7175C19.2539 22.7175 22.7026 19.2688 22.7026 15.015C22.7026 10.7613 19.2539 7.3125 15.0001 7.3125ZM15.0001 20.015C12.2389 20.015 10.0001 17.7763 10.0001 15.015C10.0001 12.2538 12.2389 10.015 15.0001 10.015C17.7614 10.015 20.0001 12.2538 20.0001 15.015C20.0001 17.7763 17.7614 20.015 15.0001 20.015Z\" fill=\"#475467\"></path>\n<path d=\"M23.0075 8.80703C24.0016 8.80703 24.8075 8.00114 24.8075 7.00703C24.8075 6.01292 24.0016 5.20703 23.0075 5.20703C22.0134 5.20703 21.2075 6.01292 21.2075 7.00703C21.2075 8.00114 22.0134 8.80703 23.0075 8.80703Z\" fill=\"#475467\"></path>\n</svg>\n<svg fill=\"none\" height=\"31\" id=\"svg-59058096_918\" viewbox=\"0 0 30 31\" width=\"30\">\n<path d=\"M25.562 25.5778H21.1166V18.616C21.1166 16.9558 21.0871 14.8195 18.8045 14.8195C16.4894 14.8195 16.1346 16.6276 16.1346 18.4963V25.5778H11.6907V11.261H15.9587V13.2169H16.0178C16.8886 11.7297 18.5059 10.8412 20.2282 10.9047C24.7341 10.9047 25.5635 13.8689 25.5635 17.7231L25.562 25.5778ZM6.67472 9.30362C5.24959 9.30362 4.09501 8.14899 4.09501 6.72382C4.09501 5.29864 5.24959 4.14401 6.67472 4.14401C8.09984 4.14401 9.25442 5.29864 9.25442 6.72382C9.25442 8.14899 8.09984 9.30362 6.67472 9.30362ZM8.89666 25.5778H4.44685V11.261H8.89666V25.5778ZM27.7781 0.0163288H2.21308C1.00527 0.0030232 0.0147834 0.971373 0 2.17922V27.8501C0.0147834 29.0594 1.00527 30.0278 2.21308 30.0145H27.7781C28.9888 30.0293 29.9837 29.0609 30 27.8501V2.17774C29.9823 0.966938 28.9873 -0.00141206 27.7781 0.0148503\" fill=\"#475467\"></path>\n</svg>\n<svg fill=\"none\" height=\"26\" id=\"svg1206339862_959\" viewbox=\"0 0 30 26\" width=\"30\">\n<path d=\"M26.9287 6.89507C26.9462 7.15882 26.9462 7.42382 26.9462 7.69007C26.9462 15.8238 20.7537 25.2026 9.43375 25.2026V25.1976C6.09 25.2026 2.815 24.2451 0 22.4388C0.48625 22.4976 0.975 22.5263 1.465 22.5276C4.2375 22.5301 6.93 21.6001 9.10875 19.8876C6.475 19.8376 4.165 18.1201 3.35875 15.6126C4.28125 15.7901 5.23125 15.7538 6.1375 15.5076C3.265 14.9276 1.2 12.4038 1.2 9.47382C1.2 9.44757 1.2 9.42132 1.2 9.39632C2.05625 9.87382 3.01375 10.1376 3.99375 10.1663C1.28875 8.36007 0.45375 4.76257 2.0875 1.95007C5.2125 5.79507 9.82375 8.13257 14.7725 8.38132C14.2762 6.24382 14.955 4.00382 16.5525 2.50007C19.0312 0.168824 22.93 0.288824 25.2612 2.76757C26.64 2.49632 27.9613 1.99007 29.17 1.27382C28.71 2.69882 27.7487 3.90882 26.4637 4.67882C27.685 4.53257 28.8762 4.20632 30 3.70882C29.1737 4.94507 28.1337 6.02382 26.9287 6.89507Z\" fill=\"#475467\"></path>\n</svg>\n<svg fill=\"none\" height=\"272\" id=\"svg1324830426_181\" viewbox=\"-1 -1 3 272\" width=\"3\">\n<line stroke=\"#D0D5DD\" x1=\"0.5\" x2=\"0.499988\" y1=\"0.0146485\" y2=\"269.015\"></line>\n</svg>\n</div></div>","id":"blog__write-platform-specific-code-in-flutter-apps"}