https://pika.style/_next/static/chunks/pages/templates-8530dbc6b56e3e40.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1377],{19297:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var r=n(76430),o=n(25393),i=n(20142),s=new Map;s.set("bold",function(e){return r.createElement(r.Fragment,null,r.createElement("rect",{x:"40",y:"88",width:"176",height:"128",rx:"8",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M92,88V52a36,36,0,0,1,72,0V88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("circle",{cx:"128",cy:"152",r:"16"}))}),s.set("duotone",function(e){return r.createElement(r.Fragment,null,r.createElement("rect",{x:"40",y:"88",width:"176",height:"128",rx:"8",opacity:"0.2"}),r.createElement("rect",{x:"40",y:"88",width:"176",height:"128",rx:"8",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M92,88V52a36,36,0,0,1,72,0V88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("circle",{cx:"128",cy:"152",r:"12"}))}),s.set("fill",function(){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M208,80H172V52a44,44,0,0,0-88,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80Zm-80,84a12,12,0,1,1,12-12A12,12,0,0,1,128,164Zm28-84H100V52a28,28,0,0,1,56,0Z"}))}),s.set("light",function(e){return r.createElement(r.Fragment,null,r.createElement("rect",{x:"40",y:"88",width:"176",height:"128",rx:"8",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M92,88V52a36,36,0,0,1,72,0V88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("circle",{cx:"128",cy:"152",r:"10"}))}),s.set("thin",function(e){return r.createElement(r.Fragment,null,r.createElement("rect",{x:"40",y:"88",width:"176",height:"128",rx:"8",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M92,88V52a36,36,0,0,1,72,0V88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("circle",{cx:"128",cy:"152",r:"8"}))}),s.set("regular",function(e){return r.createElement(r.Fragment,null,r.createElement("rect",{x:"40",y:"88",width:"176",height:"128",rx:"8",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M92,88V52a36,36,0,0,1,72,0V88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("circle",{cx:"128",cy:"152",r:"12"}))});var a=function(e,t){return(0,o.$)(e,t,s)},l=(0,r.forwardRef)(function(e,t){return r.createElement(i.A,Object.assign({ref:t},e,{renderPath:a}))});l.displayName="Lock";let c=l},33604:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/templates",function(){return n(77145)}])},59717:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var r=n(76430),o=n(25393),i=n(20142),s=new Map;s.set("bold",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M96,208H72A56,56,0,0,1,72,96a57.5,57.5,0,0,1,13.9,1.7",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("path",{d:"M80,128a80,80,0,1,1,144,48",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("polyline",{points:"118.1 161.9 152 128 185.9 161.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("line",{x1:"152",y1:"208",x2:"152",y2:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}))}),s.set("duotone",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M80,128a80,80,0,1,1,80,80H72A56,56,0,0,1,72,96a57.5,57.5,0,0,1,13.9,1.7",opacity:"0.2"}),r.createElement("path",{d:"M96,208H72A56,56,0,0,1,72,96a57.5,57.5,0,0,1,13.9,1.7",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M80,128a80,80,0,1,1,144,48",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("polyline",{points:"118.1 161.9 152 128 185.9 161.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}

1),r.createElement("line",{x1:"152",y1:"208",x2:"152",y2:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))}),s.set("fill",function(){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M160.1,40A88.1,88.1,0,0,0,81.3,88.7h0a86.6,86.6,0,0,0-9.3,39,8.2,8.2,0,0,1-7.4,8.3,8,8,0,0,1-8.6-8,105,105,0,0,1,5.3-32.9,4,4,0,0,0-4.7-5.2A64,64,0,0,0,8,152c0,35.2,29.8,64,64.9,64H160a88,88,0,0,0,.1-176Zm31.5,111.6a8.3,8.3,0,0,1-5.7,2.3,8,8,0,0,1-5.6-2.3L160,131.3V192a8,8,0,0,1-16,0V131.3l-20.3,20.3a8,8,0,0,1-11.3-11.3l33.9-34a8.1,8.1,0,0,1,11.4,0l33.9,34A8,8,0,0,1,191.6,151.6Z"}))}),s.set("light",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M96,208H72A56,56,0,0,1,72,96a57.5,57.5,0,0,1,13.9,1.7",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("path",{d:"M80,128a80,80,0,1,1,144,48",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("polyline",{points:"118.1 161.9 152 128 185.9 161.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("line",{x1:"152",y1:"208",x2:"152",y2:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}))}),s.set("thin",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M96,208H72A56,56,0,0,1,72,96a57.5,57.5,0,0,1,13.9,1.7",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("path",{d:"M80,128a80,80,0,1,1,144,48",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("polyline",{points:"118.1 161.9 152 128 185.9 161.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("line",{x1:"152",y1:"208",x2:"152",y2:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}))}),s.set("regular",function(e){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M96,208H72A56,56,0,0,1,72,96a57.5,57.5,0,0,1,13.9,1.7",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("path",{d:"M80,128a80,80,0,1,1,144,48",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("polyline",{points:"118.1 161.9 152 128 185.9 161.9",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("line",{x1:"152",y1:"208",x2:"152",y2:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))});var a=function(e,t){return(0,o.$)(e,t,s)},l=(0,r.forwardRef)(function(e,t){return r.createElement(i.A,Object.assign({ref:t},e,{renderPath:a}))});l.displayName="CloudArrowUp";let c=l},77145:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>p});var r=n(75038),o=n(21958),i=n(69358),s=n(45609),a=n.n(s),l=n(56725),c=n(70081),d=n(12075),k=n(15198),u=n(34530),m=n(32864);function p(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.bV,{title:"Pika – Screenshot mockup generator with free templates",description:"Turn screenshots into mockups with free templates for MacBook, iPhone, iPad and Pixel, App Store screenshots, tweet images, code images and more.",openGraph:{title:"Pika – Screenshot mockup generator with free templates",description:"Turn screenshots into mockups with free templates for MacBook, iPhone, iPad and Pixel, App Store screenshots, tweet images, code images and more.",images:[{url:"/og-images/templates.png",width:800,height:600,alt:"Screenshot and Mockup Templates – Pika"}]}}),(0,r.jsx)(l.Zn,{id:"collection",data:(0,l.ML)({name:"Screenshot and Mockup Templates",description:"Free templates to turn screenshots into device mockups, code images, tweet images, App Store screenshots and more.",path:"/templates",items:c.A.flatMap(e=>e.templates).map(e=>({name:e.title,path:`/templates/${e.slug}`}))})}),(0,r.jsx)(l.Zn,{id:"breadcrumb",data:(0,l.UE)([{name:"Pika",path:""},{name:"Templates",path:"/templates"}])}),(0,r.jsx)("div",{className:"h-full object-cover text-gray-200 fixed inset-0 opacity-[0.04] dark:invert dark:opacity-[0.03]! pointer-events-none",style:{background:"url(/site/gridBG.svg) repeat",backgroundSize:"10%"}}),(0,r.jsx)(o.A,{}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(u.mc,{width:"1080px",className:"relative",children:(0,r.jsx)(u.T8,{initial:{opacity:0,y:30}

1,animate:{opacity:1,y:0},children:(0,r.jsxs)("div",{className:"pt-10 py-10 max-w-[800px]",children:[(0,r.jsx)("h1",{className:"text-3xl md:text-6xl md:mt-5 text-black dark:text-white font-black flex items-center font-sans",children:"Screenshot & Mockup Templates"}),(0,r.jsx)("div",{className:"text-xl mt-5 max-w-[620px] opacity-70",children:(0,r.jsx)("p",{children:"Design beautiful screenshots, mockup images and marketing assets online with Pika Screenshot Editor"})})]})})}),(0,r.jsx)(u.mc,{width:"1080px",className:"pt-10 pb-10",children:(0,r.jsx)(u.T8,{initial:{opacity:0,y:20},animate:{opacity:1,y:0,transition:{delay:.1}},children:c.A?.map((e,t)=>(0,r.jsxs)("div",{className:"mb-20",children:[(0,r.jsxs)("h2",{className:"text-2xl md:text-3xl md:mt-5 text-black dark:text-white font-bold font-inter",children:[e.title," Templates"]}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 flex-col md:flex-row flex-nowrap gap-10 mt-8",children:e?.templates?.map(e=>(0,r.jsx)(a(),{href:`/templates/${e.slug}`,className:"w-full",children:(0,r.jsx)(d.xW,{template:e})},e.slug))})]},e.slug+t))})})]}),(0,r.jsx)(m.LT,{}),(0,r.jsx)(m.Tw,{items:k.vI}),(0,r.jsx)(i.A,{})]})}},85315:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var r=n(76430),o=n(25393),i=n(20142),s=new Map;s.set("bold",function(e){return r.createElement(r.Fragment,null,r.createElement("polyline",{points:"168 168 216 168 216 40 88 40 88 88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}),r.createElement("rect",{x:"40",y:"88",width:"128",height:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"24"}))}),s.set("duotone",function(e){return r.createElement(r.Fragment,null,r.createElement("polygon",{points:"168 88 168 168 216 168 216 40 88 40 88 88 168 88",opacity:"0.2"}),r.createElement("polyline",{points:"168 168 216 168 216 40 88 40 88 88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("rect",{x:"40",y:"88",width:"128",height:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))}),s.set("fill",function(){return r.createElement(r.Fragment,null,r.createElement("path",{d:"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32Zm-8,128H176V88a8,8,0,0,0-8-8H96V48H208Z"}))}),s.set("light",function(e){return r.createElement(r.Fragment,null,r.createElement("polyline",{points:"168 168 216 168 216 40 88 40 88 88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),r.createElement("rect",{x:"40",y:"88",width:"128",height:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}))}),s.set("thin",function(e){return r.createElement(r.Fragment,null,r.createElement("polyline",{points:"168 168 216 168 216 40 88 40 88 88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}),r.createElement("rect",{x:"40",y:"88",width:"128",height:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"8"}))}),s.set("regular",function(e){return r.createElement(r.Fragment,null,r.createElement("polyline",{points:"168 168 216 168 216 40 88 40 88 88",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),r.createElement("rect",{x:"40",y:"88",width:"128",height:"128",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}))});var a=function(e,t){return(0,o.$)(e,t,s)},l=(0,r.forwardRef)(function(e,t){return r.createElement(i.A,Object.assign({ref:t},e,{renderPath:a}))});l.displayName="Copy";let c=l}},e=>{e.O(0,[4558,8689,407,1958,3771,5642,5198,6845,2075,636,6593,8792],()=>e(e.s=33604)),_N_E=e.O()}]);