1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:site" content="@AppPika" data-next-head=""/><meta name="twitter:creator" content="@thelifeofrishi" data-next-head=""/><meta property="og:url" content="https://pika.style/products/embed" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:locale" content="en_US" data-next-head=""/><meta property="og:site_name" content="Pika" data-next-head=""/><link rel="canonical" href="https://pika.style/products/embed" data-next-head=""/><link rel="apple-touch-icon" sizes="180x180" href="/icons/pwa/256.png" data-next-head=""/><link rel="manifest" href="/manifest.json" data-next-head=""/><link rel="shortcut icon" href="/icons/favicon-1.ico" type="image/x-icon" data-next-head=""/><meta name="mobile-web-app-capable" content="yes" data-next-head=""/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" data-next-head=""/><title data-next-head="">Pika Embed - Add Image and Screenshot editor in any app</title><meta name="robots" content="index,follow" data-next-head=""/><meta name="description" content="Add a simple yet powerful image and screenshot editor to your app in seconds. No javascript library or server setup needed. Just add an iframe and done" data-next-head=""/><meta property="og:title" content="Pika Embed - Add Image and Screenshot editor in any app" data-next-head=""/><meta property="og:description" content="Add a simple yet powerful image and screenshot editor to your app in seconds. No javascript library or server setup needed. Just add an iframe and done" data-next-head=""/><meta property="og:image" content="https://pika.style/og-images/og-embed.png" data-next-head=""/><meta property="og:image:alt" content="Pika Embed - Add Image and Screenshot editor in any app" data-next-head=""/><meta property="og:image:width" content="800" data-next-head=""/><meta property="og:image:height" content="600" data-next-head=""/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="true"/><link rel="preload" href="/_next/static/css/3328339fb097f175.css" as="style"/><link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;900&family=Inter:wght@400;500;600;700;900&family=IBM+Plex+Mono:wght@300;400;600;700&display=swap" crossorigin="anonymous" rel="stylesheet"/><link rel="stylesheet" href="/_next/static/css/3328339fb097f175.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
1<script defer="" src="/_next/static/chunks/9389.b53339cefc2b4cb5.js"></script>
1<script defer="" src="/_next/static/chunks/4520.373d8d3e69aae94b.js"></script>
1<script src="/_next/static/chunks/webpack-51b5803eecd4345e.js" defer=""></script>
1<script src="/_next/static/chunks/framework-d03efab065aedc25.js" defer=""></script>
1<script src="/_next/static/chunks/main-f0fb85942f800e90.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-b37b988c5fc33827.js" defer=""></script>
1<script src="/_next/static/chunks/4558-2ae3825627dfc385.js" defer=""></script>
1<script src="/_next/static/chunks/1178-5bccf2298a857b88.js" defer=""></script>
1<script src="/_next/static/chunks/826-bb2a160c5087bd72.js" defer=""></script>
1<script src="/_next/static/chunks/1958-0fa012ac0fe37642.js" defer=""></script>
1<script src="/_next/static/chunks/6394-b9c28732d91270ec.js" defer=""></script>
1<script src="/_next/static/chunks/pages/products/embed-7119f832ea68153b.js" defer=""></script>
1<script src="/_next/static/3pGACWtZSx5XZZlrkC66q/_buildManifest.js" defer=""></script>
1<script src="/_next/static/3pGACWtZSx5XZZlrkC66q/_ssgManifest.js" defer=""></script>
1</head><body><link rel="preload" as="image" href="/embed/pika-embed-screenshot-editor.png"/><link rel="preload" as="image" href="/embed/taplio-logo.svg"/><link rel="preload" as="image" href="/embed/tweethunter-logo.png"/><link rel="preload" as="image" href="/headshots/greg.jpeg"/><div id="__next">
1<script>((e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n)}),R(n)}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n)}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y)}catch(n){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<header class="w-full bg-white/80 backdrop-blur-xl border-b dark:bg-[#111]/80 border-gray-200/60 dark:border-gray-800 z-101 duration-300 font-inter text-[0.9rem] opacity-100"><section style="max-width:1280px" class="w-full mx-auto px-4 md:px-6 h-[52px] flex items-center"><div class="grid grid-cols-2 md:grid-cols-[minmax(120px,1fr)_auto_minmax(120px,1fr)] w-full"><div class="flex items-center min-w-0"><a class="shrink-0" href="/"><img alt="Pika Logo" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Ficons%2Fpika-filled-squared-120.png&w=32&q=75 1x, /_next/image?url=%2Ficons%2Fpika-filled-squared-120.png&w=64&q=75 2x" src="/_next/image?url=%2Ficons%2Fpika-filled-squared-120.png&w=64&q=75"/></a></div><div class="hidden md:flex items-center justify-center gap-2 lg:gap-3 whitespace-nowrap text-sm"><div data-state="closed" class="focus:outline-none "><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/templates/screenshot-editor">Screenshot Editor<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256" class="ml-1"><rect width="256" height="256" fill="none"></rect><polyline points="208 96 128 176 48 96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg></a></div><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/pricing">Pricing</a></div><div class="hidden md:flex items-center justify-end whitespace-nowrap"><div aria-hidden="true" class="animate-pulse rounded-md bg-gray-200/70 dark:bg-gray-800 h-7 w-28 rounded-full"></div></div><div class="flex md:hidden ml-auto text-right"><button type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="text-2xl opacity-60"><rect width="256" height="256" fill="none"></rect><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line><line x1="40" y1="64" x2="216" y2="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line><line x1="40" y1="192" x2="216" y2="192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line></svg></button></div></div></section></header><div class="bg-white dark:bg-gray-900 mt-"><div class="" style="opacity:0;transform:translateY(30px)"><div class="w-full border-b dark:border-gray-700 dark:bg-black pt-8 overflow-hidden"><section style="max-width:1080px" class="w-full mx-auto px-4 md:px-6 relative"><div class="border-gray-200/70 px-8 pt-12 rounded-xl text-center"><h1 class="text-4xl md:text-6xl font-black font-inter dark:text-white">Pika Embed</h1><p class="text-lg md:text-xl mt-2 opacity-60 max-w-[560px] mx-auto">Add a full-fledged integrated image, mockup and screenshot editor in your app in seconds</p><div class="mt-8 flex items-center gap-4 flex-wrap justify-center relative pb-4"><button variant="primary" class="px-4 py-2 md:py-[8px] text-white rounded-lg bg-linear-to-br from-red-400 to-pink-600 hover:scale-[0.98] active:scale-[0.95] border border-transparent dark:border-transparent shadow-lg flex items-center justify-center duration-100 cursor-pointer text-sm md:text-base px-8 inline-flex w-auto rounded-xl" data-tally-open="meer9e" data-tally-layout="modal" data-tally-width="720" data-tally-align-left="1" data-tally-emoji-animation="wave" data-tally-auto-close="0" active="false">Share details â</button><a target="_blank" class="relative flex items-center justify-center px-2 py-[3px] rounded-lg cursor-pointer group text-sm text-gray-900 shadow-sm border border-gray-300 min-h-[28px] dark:border-gray-700 dark:text-gray-200 hover:scale-[0.98] bg-white dark:bg-gray-900 duration-100 text-sm md:text-base px-8 inline-flex w-auto rounded-xl h-[42px] bg-white" active="false" href="https://cal.com/thelifeofrishi/pika-embed-enquiry">
1Book a call</a></div></div></section><section style="max-width:1080px" class="w-full mx-auto px-4 md:px-6 relative max-h-[700px] z-50"><div style="transform:perspective(1000px) rotateX(4.20468deg) rotateY(0.0609131deg) scale3d(1, 1, 1)"><img src="/embed/pika-embed-screenshot-editor.png" alt="Pika Screenshot Editor Embed"/></div></section></div></div><section style="max-width:1080px" class="w-full mx-auto px-4 md:px-6 pt-16 md:pt-28 pb-20 grid md:grid-cols-2 gap-6 lg:gap-12"><div class="bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="text-[48px] mb-4 opacity-20 dark:opacity-40"><rect width="256" height="256" fill="none"></rect><path d="M88,160c0,2.5.5,4.8.7,7.3,2.5.2,4.8.7,7.3.7a72,72,0,0,0,72-72c0-2.5-.5-4.8-.7-7.3-2.5-.2-4.8-.7-7.3-.7A72,72,0,0,0,88,160Z" opacity="0.2"></path><circle cx="96" cy="96" r="72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><circle cx="160" cy="160" r="72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle></svg><h2 class="text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white">What is Pika Embed?</h2><div class="text-lg opacity-80"><p>Pika Embed lets you<!-- --> <span class="font-semibold">integrate Pika's screenshot editor in your app</span> <!-- -->without any hassle</p><br/><p>With Pika Embed, you can let your users create and edit screenshots quickly right inside your app</p></div></div><div class="bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="text-[48px] mb-4 opacity-20 dark:opacity-40"><rect width="256" height="256" fill="none"></rect><circle cx="128" cy="128" r="96" opacity="0.2"></circle><circle cx="128" cy="128" r="96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></circle><polyline points="120 120 128 120 128 176 136 176" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline><circle cx="126" cy="84" r="12"></circle></svg><h2 class="text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white">How does it work?</h2><div class="text-lg opacity-80"><p>We create an instance of Pika for your app, and you can use that as an<span title="Shortcut Key: iframe" class="dark:bg-gray-800/90 font-code bg-white shadow-sm px-2 py-px rounded-md border dark:border-gray-600 text-gray-600 mx-px dark:text-gray-300 border-gray-300 border-b-[3px] dark:border-b-gray-700 text-xs ml-1">iframe</span> tag on your site</p><br/><p>Your app as a parent can communicate with the Pika instance using event listeners, so whenever user exports an image, your app will be able to access the<!-- --> <span title="Shortcut Key: base64" class="dark:bg-gray-800/90 font-code bg-white shadow-sm px-2 py-px rounded-md border dark:border-gray-600 text-gray-600 mx-px dark:text-gray-300 border-gray-300 border-b-[3px] dark:border-b-gray-700 text-xs ml-1">base64</span> file of the output image directly</p></div></div><div class="bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black md:col-span-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="text-[48px] mb-4 opacity-20 dark:opacity-40"><rect width="256" height="256" fill="none"></rect><path d="M94.1,184.6c-11.4,33.9-56.6,33.9-56.6,33.9s0-45.2,33.9-56.6Z" opacity="0.2"></path><path d="M184.6,116.7v64.6a8,8,0,0,1-2.4,5.6l-32.3,32.4a8,8,0,0,1-13.5-4.1L128,173.3Z" opacity="0.2"></path><path d="M139.3,71.4H74.7a8,8,0,0,0-5.6,2.4L36.7,106.1a8,8,0,0,0,4.1,13.5L82.7,128Z" opacity="0.2"></path><path d="M94.1,184.6c-11.4,33.9-56.6,33.9-56.6,33.9s0-45.2,33.9-56.6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M195.9,105.4,128,173.3,82.7,128l67.9-67.9C176.3,34.4,202,34.7,213,36.3a7.8,7.8,0,0,1,6.7,6.7C221.3,54,221.6,79.7,195.9,105.4Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M184.6,116.7v64.6a8,8,0,0,1-2.4,5.6l-32.3,32.4a8,8,0,0,1-13.5-4.1L128,173.3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M139.3,71.4H74.7a8,8,0,0,0-5.6,2.4L36.7,106.1a8,8,0,0,0,4.1,13.5L82.7,128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg><h2 class="text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white">Why use Pika Embed?</h2><div class="text-lg flex flex-wrap gap-3"><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">Powerful screenshot and image editor in your app</div><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">Integration as simple as adding an <span title="Shortcut Key: iframe" class="dark:bg-gray-800/90 font-code bg-white shadow-sm px-2 py-px rounded-md border dark:border-gray-600 text-gray-600 mx-px dark:text-gray-300 border-gray-300 border-b-[3px] dark:border-b-gray-700 text-xs">iframe</span> <!-- -->tag</div><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">Control over input image and theme</div><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">Ready to use editing tools and features</div><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">Focus on your app, not on building an image editor</div><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">Save your team months of development time and resources</div><div class="bg-white px-2 py-1 dark:bg-gray-800 dark:text-gray-300 rounded-lg shadow-[0_0_5px_rgba(0,0,0,0.1)] text-gray-600 text-sm md:text-base">No need to worry about updates and maintenance</div></div></div><div class="bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="text-[48px] mb-4 opacity-20 dark:opacity-40"><rect width="256" height="256" fill="none"></rect><circle cx="128" cy="128" r="96" opacity="0.2"></circle><circle cx="128" cy="128" r="96" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="16"></circle><circle cx="92" cy="108" r="12"></circle><circle cx="164" cy="108" r="12"></circle><path d="M169.6,152a48.1,48.1,0,0,1-83.2,0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg><h2 class="text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white">Who uses Pika Embed?</h2><div class="text-lg opacity-80"><p>Pika Embed is being used by startups to provide a seamless experience to their users for creating and editing screenshots</p><br/></div><p class="text-lg font-medium font-inter dark:text-white">List of partners â</p><div class="bg-white dark:bg-white md:px-6 p-5 md:py-6 rounded-xl shadow mt-6 grid grid-cols-2 gap-8 justify-center">
1<img src="/embed/taplio-logo.svg" alt="Taplio" class="max-w-[100px]"/><img src="/embed/tweethunter-logo.png" alt="TweetHunter" class="max-h-[30px]"/></div></div><div class="bg-linear-to-br dark:from-gray-800/80 dark:to-gray-900/80 from-gray-50 to-gray-100 rounded-xl p-6 md:p-10 dark:bg-black"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 256 256" class="text-[48px] mb-4 opacity-20 dark:opacity-40"><rect width="256" height="256" fill="none"></rect><path d="M200,152.9l-36.8,36.8a8.5,8.5,0,0,1-7.6,2.1l-58-14.5a8,8,0,0,1-2.9-1.5L40,133.1,72.6,71.8l51.3-15a8,8,0,0,1,5.5.4L164,72.9H143.3a7.9,7.9,0,0,0-5.6,2.3L98.5,114.3a8.1,8.1,0,0,0,.9,12.1l5.4,4.1a32.1,32.1,0,0,0,38.4,0l12.8-9.6Z" opacity="0.2"></path><path d="M240.7,121.8,216,134.1,184,72.9l25-12.5a7.9,7.9,0,0,1,10.6,3.4l24.6,47.1A8,8,0,0,1,240.7,121.8Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M40,133.1,15.3,120.7a7.9,7.9,0,0,1-3.5-10.8L36.4,62.8A8,8,0,0,1,47,59.3L72,71.8Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M216,134.1l-16,18.8-36.8,36.8a8.5,8.5,0,0,1-7.6,2.1l-58-14.5a8,8,0,0,1-2.9-1.5L40,133.1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M200,152.9l-44-32-12.8,9.6a32.1,32.1,0,0,1-38.4,0l-5.4-4.1a8.1,8.1,0,0,1-.9-12.1l39.2-39.1a7.9,7.9,0,0,1,5.6-2.3H184" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M72.6,71.8l51.3-15a8,8,0,0,1,5.5.4L164,72.9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M112,212.9l-30.1-7.6a7.4,7.4,0,0,1-3.3-1.7L56,184" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg><h2 class="text-2xl md:text-4xl font-black font-inter mb-4 md:mb-8 dark:text-white">Interested? Let's talk</h2><div class="text-lg opacity-80"><p>Don't waste your resources building an image editor, integrate Pika Embed in your app to give your users a full-fledged screenshot editor experience that just works!</p><br/><p>You get a dedicated instance of Pika for your app, and you can customize it as per your needs</p></div><div class="flex flex-col gap-4 items-start"><div class="flex items-center gap-3 mt-10"><button variant="primary" class="px-4 py-2 md:py-[8px] text-white rounded-lg bg-linear-to-br from-red-400 to-pink-600 hover:scale-[0.98] active:scale-[0.95] border border-transparent dark:border-transparent shadow-lg flex items-center justify-center duration-100 cursor-pointer text-sm md:text-base px-8 inline-flex w-auto rounded-xl " data-tally-open="meer9e" data-tally-layout="modal" data-tally-width="720" data-tally-align-left="1" data-tally-emoji-animation="wave" data-tally-auto-close="0" active="false">Share details â</button><a target="_blank" class="relative flex items-center justify-center px-2 py-[3px] rounded-lg cursor-pointer group text-sm text-gray-900 shadow-sm border border-gray-300 min-h-[28px] dark:border-gray-700 dark:text-gray-200 hover:scale-[0.98] bg-white dark:bg-gray-900 duration-100 text-sm md:text-base px-8 inline-flex w-auto rounded-xl h-[42px] bg-white" active="false" href="https://cal.com/thelifeofrishi/pika-embed-enquiry">Book a call</a></div><button class="text-sm opacity-60 hover:opacity-100" active="false">Have questions? Share in chat</button></div></div></section></div><footer class="bg-white dark:bg-[#070707] dark:border-gray-800 border-t border-gray-200 py-4 md:pt-20 relative mt-4 md:mt-20"><section style="max-width:1280px" class="w-full mx-auto px-4 md:px-6 flex lg:flex-row flex-col-reverse justify-around my-0!"><div class="lg:max-w-[600px] w-full min-h-[250px] flex flex-col relative mt-12 mb-32"><div class="max-w-[400px] mx-auto lg:ml-auto"><div class="absolute md:scale-100 top-[calc(100%+20px)] right-[100px] lg:right-[80px] z-10 text-red-500 dark:text-red-400"><div class="relative"><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div><div class="absolute left-0 top-0" style="opacity:1;transform:scale(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M176,32a60,60,0,0,0-48,24A60,60,0,0,0,20,92c0,71.9,99.9,128.6,104.1,131a7.8,7.8,0,0,0,3.9,1,7.6,7.6,0,0,0,3.9-1,314.3,314.3,0,0,0,51.5-37.6C218.3,154,236,122.6,236,92A60,60,0,0,0,176,32Z"></path></svg></div></div></div><div class="flex flex-col mt-12 w-full align-center justify-center"><div class="relative"><div class="flex flex-col p-6 shadow-[0_0_20px_rgba(0,0,0,0.1)] bg-white/60 dark:bg-gray-900/50 dark:border-gray-800 backdrop-blur rounded-2xl min-h-[100px] border absolute -translate-y-9 w-full scale-[0.92] opacity-40"></div><div class="flex flex-col p-6 shadow-[0_0_20px_rgba(0,0,0,0.1)] bg-white/60 dark:bg-gray-900/50 dark:border-gray-800 backdrop-blur rounded-2xl min-h-[100px] border absolute -translate-y-6 w-full scale-[0.95] opacity-60"></div><div class="flex flex-col p-6 shadow-[0_0_20px_rgba(0,0,0,0.1)] bg-white/60 dark:bg-gray-900/50 dark:border-gray-800 backdrop-blur rounded-2xl min-h-[100px] border absolute -translate-y-3 w-full scale-[0.98] opacity-80"></div><div class="flex flex-col px-6 py-10 shadow-[0_0_20px_rgba(0,0,0,0.1)] bg-white/60 border-gray-200 dark:bg-gray-900/50 dark:border-gray-800 backdrop-blur rounded-2xl border" style="opacity:0;transform:translateY(20px) scale(1.1)"><div class="mb-3 text-lg text-gray-700 dark:text-gray-300">@justwavyj uses Pika.style that allows for great twitter photos. Josh uses them to <span class="border-b-[3px] text-black dark:text-white border-indigo-500/20 dark:border-indigo-500/70">drive engagement</span>. Just like I'm doing with this tweet:)</div><div class="flex items-center justify-between mt-5"><div class="flex gap-2 items-center"><div class="w-12 h-12"><img src="/headshots/greg.jpeg" alt="Greg Younger" class="rounded-full"/></div><div class="flex flex-col "><div class="font-semibold text-sm ">Greg Younger</div><div class="opacity-50 text-sm">@<!-- -->gregyounger</div></div></div><div class="text-[#1DA1F2]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M245.7,77.7l-30.2,30.1C209.5,177.7,150.5,232,80,232c-14.5,0-26.5-2.3-35.6-6.8-7.3-3.7-10.3-7.6-11.1-8.8a8,8,0,0,1,3.9-11.9c.2
1-.1,23.8-9.1,39.1-26.4a108.6,108.6,0,0,1-24.7-24.4c-13.7-18.6-28.2-50.9-19.5-99.1a8.1,8.1,0,0,1,5.5-6.2,8,8,0,0,1,8.1,1.9c.3.4,33.6,33.2,74.3,43.8V88a48.3,48.3,0,0,1,48.6-48,48.2,48.2,0,0,1,41,24H240a8,8,0,0,1,7.4,4.9A8.4,8.4,0,0,1,245.7,77.7Z"></path></svg></div></div></div></div></div></div></div><div class="grid md:grid-cols-2 md:gap-4 text-center md:text-left w-full"><div class="mt-12 md:mt-0"><div class="text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Pika Editor</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/templates">Editor Templates</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/articles">Editor Documentation</a></div></div><div class="mt-10 md:mt-12 lg:mt-8 text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Other Products</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/products/embed">Pika Embed</a></div></div><div class="mt-10 md:mt-12 lg:mt-8 text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Apps & Extensions</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/tools/browser-extensions">Pika Chrome Extension</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/tools/pika-raycast">Pika for Raycast</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/tools/vscode-extension">VSCode Extension</a></div></div><div class="mt-10 md:mt-12 lg:mt-8 text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Elsewhere</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="https://twitter.com/AppPika">Twitter</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="https://www.linkedin.com/company/pika-style">LinkedIn</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="https://github.com/rishimohan/pika">Github</a></div></div></div><div class="flex flex-col"><div class="mt-10 md:mt-0 text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Links</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/blog">Blog</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/pricing">Pricing</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/whats-new">What's new</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/wallpapers">Wallpapers</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/partner">Advertise on Pika</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/affiliates">Affiliate Program</a></div></div><div class="mt-10 md:mt-12 lg:mt-8 text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Free Tools</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/tool/website-screenshot-generator">Website Screenshot Generator</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/tool/open-graph-test">Open Graph Tester</a><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/tool/youtube-thumbnail-download">Youtube Thumbnail Downloader</a></div></div><div class="mt-10 text-sm"><h3 class="font-inter text-base dark:text-white font-semibold">Support</h3><div class="mt-2 flex flex-col md:items-start items-center space-y-1 md:-ml-3"><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="https://join.slack.com/t/pikastyle/shared_invite/zt-2282cn25v-IXbI572AxoXznUSaNpBm0g">Join Slack Community</a><button variant="ternary" active="false" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80">Chat Support</button><a target="" class="py-[2.4px] px-3 flex items-center relative rounded-[7px] cursor-pointer text-gray-600 dark:hover:text-gray-200 border-transparent hover:text-gray-800 dark:text-gray-400 hover:bg-gray-200/50 dark:hover:bg-gray-700/80" active="false" href="/contact">Contact Us</a></div></div><div class="pt-10"><a href="/"><img alt="Pika Logo" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="w-[32px] inline-flex" style="color:transparent" srcSet="/_next/image?url=%2Ficons%2Fpika-filled-squared-120.png&w=32&q=75 1x, /_next/image?url=%2Ficons%2Fpika-filled-squared-120.png&w=64&q=75 2x" src="/_next/image?url=%2Ficons%2Fpika-filled-squared-120.png&w=64&q=75"/></a></div></div></div></section><div class="border-t border-gray-100 dark:border-gray-800 py-4 flex items-center justify-center flex-col mt-8 px-4 text-center"><div class="text-sm opacity-50 font-inter">© 2022-<!-- -->2026<!-- --> Pika.style. All rights reserved.</div></div></footer><div></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/products/embed","query":{},"buildId":"3pGACWtZSx5XZZlrkC66q","nextExport":true,"autoExport":true,"isFallback":false,"dynamicIds":[79389,76902,34520],"scriptLoader":[]}</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.