1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[332],{7276:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(3138)}])},4862:(e,s,t)=>{"use strict";t.d(s,{N:()=>a});var i=t(4848),l=t(4164);let a=e=>{let{children:s,className:t}=e;return(0,i.jsx)("div",{className:(0,l.A)("mx-auto max-w-7xl px-4 sm:px-6 md:px-8",t),children:s})}},1516:(e,s,t)=>{"use strict";t.d(s,{a:()=>a});var i=t(4848),l=t(4164);let a=e=>{let{className:s,children:t}=e;return(0,i.jsx)("div",{className:(0,l.A)("text-lg sm:text-2xl leading-[1.5] text-center text-on-surface-dark -mt-6 mb-12 text-balance max-w-5xl mx-auto",s),children:t})}},3907:(e,s,t)=>{"use strict";t.d(s,{d:()=>a});var i=t(4848),l=t(4164);let a=e=>{let{className:s,children:t}=e;return(0,i.jsx)("h2",{className:(0,l.A)("text-4xl sm:text-5xl font-medium leading-[1.1] tracking-tight text-center mb-12 text-balance max-w-screen-lg mx-auto",s),children:t})}},7426:(e,s,t)=>{"use strict";t.d(s,{A:()=>d});var i=t(4848),l=t(6033),a=t(1061),r=t(3907);let o=[...a,...l],n=e=>e.startsWith("http")?e:"/images/sponsors/".concat(e),c=e=>{let{showPlaceholder:s,showTitle:t,spacing:l}=e,a=o.filter(s=>{let{plan:t,active:i}=s;return e.plan===t&&i}),c={"Platinum Sponsor":"m-2 w-40 h-40","Gold Sponsor":"m-2 w-24 h-24","Silver Sponsor":"m-1 w-16 h-16",Sponsor:"m-1 w-8 h-8"}[e.plan];return a.length||s?(0,i.jsxs)("div",{className:l?"mb-16":"",children:[t&&(0,i.jsxs)(r.d,{children:[e.plan,"s"]}),(0,i.jsxs)("div",{className:"mx-auto flex max-w-6xl flex-wrap justify-center",children:[a.map((e,s)=>{let{link:t,title:l,image:a}=e;return(0,i.jsx)("a",{className:"flex items-center justify-center overflow-hidden bg-white text-center duration-300 ".concat(c),href:t,title:l,rel:"sponsored",target:"_blank",children:a?(0,i.jsx)("img",{className:"h-auto max-h-full w-auto max-w-full ",src:n(a),alt:l,loading:"lazy"}):l.slice(0,1)},l+s)}),s&&(0,i.jsxs)("a",{className:"flex items-center justify-center -md bg-surface-1 p-1 text-center font-semibold duration-300 hover:bg-surface-2 hover:no-underline ".concat(c," ").concat("Sponsor"===e.plan?"text-[6px] leading-none":"text-xs"),href:"https://sponsors.nolimits4web.com",rel:"sponsored",target:"_blank",children:["Become ",e.plan]})]})]}):null};function d(e){let{showPlaceholders:s,showTitles:t,spacing:l=!0}=e;return window.__NO_SPONSORS__?null:(0,i.jsxs)("div",{"data-sponsors":"",children:[(0,i.jsx)(c,{showPlaceholder:s,showTitle:t,spacing:l,plan:"Silver Sponsor"}),(0,i.jsx)(c,{showPlaceholder:s,showTitle:t,spacing:l,plan:"Sponsor"})]})}},3138:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSG:()=>v,default:()=>w});var i=t(4848);t(6540);
1var l=t(1106),a=t(7426);function r(){return(0,i.jsx)("div",{className:"mx-auto grid grid-cols-2 items-stretch gap-4 sm:grid-cols-3 text-center lg:text-left",children:[{url:"https://paneflow.com",title:"Paneflow",description:"Design animated pitch decks, product launches, and hero sections",logo:"paneflow.svg"},{url:"https://studio.swiperjs.com",title:"Swiper Studio",description:"Build stunning Swiper sliders and carousels â no code required",logo:"swiper-studio-logo.svg"},{url:"https://uiinitiative.com",title:"UI Initiative",description:"Premium templates & plugins for Swiper and Framework7",logo:"uiinitiative.svg"},{url:"https://t0ggles.com",title:"t0ggles",description:"Project management for teams and AI agents",logo:"t0ggles.svg"},{url:"https://startpagehq.com",title:"Start Page HQ",description:"Custom browser new tab extension with 60+ widgets",logo:"startpagehq.svg"},{url:"https://cladd.io",title:"Cladd",description:"A React UI kit for building actual apps",logo:"cladd.svg"},{url:"https://framework7.io",title:"Framework7",description:"Full featured framework for building iOS, Android & desktop apps",logo:"framework7.svg"},{url:"https://konstaui.com",title:"Konsta UI",description:"Pixel perfect mobile UI components built with Tailwind CSS",logo:"konsta.svg"},{url:"https://fisper.app",title:"Fisper",description:"Local AI Voice Dictation for macOS",logo:"fisper.png"}].map(e=>(0,i.jsxs)(l,{className:" bg-surface-1 border border-outline rounded-3xl !text-on-surface !no-underline relative group",href:e.url,target:"_blank",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-white/10 rounded-3xl opacity-0 group-hover:opacity-100 duration-200 group-active:opacity-50 pointer-events-none"}),(0,i.jsxs)("div",{className:"flex flex-col lg:flex-row lg:items-start lg:gap-4 gap-4 md:gap-8 p-4 md:p-8 items-center justify-center group-active:scale-90 group-active:opacity-75 duration-200",children:[(0,i.jsx)("img",{className:"size-16",src:"/images/projects/".concat(e.logo),alt:e.title}),(0,i.jsxs)("div",{className:"flex flex-col gap-2 md:gap-4 lg:items-start",children:[(0,i.jsx)("div",{className:"",children:e.title}),(0,i.jsx)("div",{className:"text-on-surface-darker",children:e.description})]})]})]},e.title))})}var o=t(8578);let n=[{title:"Library Agnostic",descr:"Swiper doesn't require any JavaScript libraries like jQuery, which makes Swiper much smaller and faster",svg:(0,i.jsx)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M31.2 49.107c-1.4 0-2.708-.133-3.925-.4a13.735 13.735 0 0 1-3.375-1.2 61.85 61.85 0 0 1 4.375-11.525c1.85-3.717 4.342-6.825 7.475-9.325-3.733 1.8-6.975 4.3-9.725 7.5S21.4 40.99 20.4 45.057a6.723 6.723 0 0 0-.375-.35 6.723 6.723 0 0 1-.375-.35c-1.5-1.5-2.65-3.217-3.45-5.15-.8-1.934-1.2-3.967-1.2-6.1 0-2.3.433-4.517 1.3-6.65a16.92 16.92 0 0 1 3.75-5.65c2.567-2.633 5.9-4.342 10-5.125 4.1-.784 10.233-.892 18.4-.325.633 7.933.542 14.017-.275 18.25-.817 4.233-2.558 7.683-5.225 10.35-1.6 1.666-3.417 2.941-5.45 3.825a15.657 15.657 0 0 1-6.3 1.325Z",fill:"#fff"})})},{title:"Modular Structure",descr:"Swiper has a modular structure and allows you to use only the necessary modules to make its size even smaller",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"14",y:"31",width:"18",height:"18",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"21",y:"15",width:"20",height:"14",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"34",y:"31",width:"16",height:"16",rx:"2",fill:"#fff"})]})},{title:"Rich API",descr:"Swiper comes with a very rich API. You can even create your own plugins",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M12.858 31.487a1.213 1.213 0 0 0 0 1.716l.003.003 8.575 8.576a1.213 1.213 0 0 0 1.716-1.716l-7.72-7.72 7.72-7.721a1.213 1.213 0 0 0-1.716-1.716l-8.578 8.578Zm38.284 1.716a1.213 1.213 0 0 0 0-1.716l-.002-.002-8.577-8.576a1.213 1.213 0 1 0-1.71
15 1.715l7.72 7.721-7.72 7.721a1.213 1.213 0 1 0 1.715 1.716l8.58-8.579Z",fill:"#fff"}),(0,i.jsx)("rect",{x:"34.907",y:"19",width:"2.426",height:"26.691",rx:"1.213",transform:"rotate(15 34.907 19)",fill:"#fff"})]})},{title:"Full RTL Support",descr:"Swiper provides 100% RTL support with correct layout",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.5 13a2 2 0 0 0-2 2v34a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V15a2 2 0 0 0-2-2h-30ZM40 18h12v4H40v-4Zm-6 8h18v2H34v-2Zm18 4v2H28v-2h24Zm0 4v2H28v-2h24Zm-22 4h22v2H30v-2Z",fill:"#fff"}),(0,i.jsx)("path",{d:"M9.218 31.474a.743.743 0 0 0 0 1.052l.002.002 5.254 5.254a.744.744 0 0 0 1.052-1.051L10.795 32l4.73-4.73a.744.744 0 0 0-1.05-1.052l-5.257 5.256Z",fill:"#fff"})]})},{title:"Multi Row Slides Layout",descr:"Swiper allows a multiple row slides layout, with a few slides per column",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"14",y:"19",width:"16",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"14",y:"33",width:"16",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"32",y:"19",width:"16",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"32",y:"33",width:"16",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("path",{d:"M50 21a2 2 0 0 1 2-2h12v12H52a2 2 0 0 1-2-2v-8Zm0 14a2 2 0 0 1 2-2h12v12H52a2 2 0 0 1-2-2v-8Z",fill:"#fff"})]})},{title:"Transition Effects",descr:"There are a lot of transition effects including 3D effects",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{opacity:".5",d:"M43 17.735a2 2 0 0 1 1.717-1.98l10-1.429A2 2 0 0 1 57 16.306v27.388a2 2 0 0 1-2.283 1.98l-10-1.429A2 2 0 0 1 43 42.265v-24.53Zm-22 0a2 2 0 0 0-1.717-1.98l-10-1.429A2 2 0 0 0 7 16.306v27.388a2 2 0 0 0 2.283 1.98l10-1.429A2 2 0 0 0 21 42.265v-24.53Z",fill:"#fff"}),(0,i.jsx)("rect",{x:"19",y:"11",width:"26",height:"38",rx:"2",fill:"#fff"})]})},{title:"Two-way Control & Thumbs",descr:"Swiper can be used as controller for any number of other Swipers",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"14",y:"17",width:"36",height:"20",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"14",y:"39",width:"10",height:"8",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"27",y:"39",width:"10",height:"8",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"40",y:"39",width:"10",height:"8",rx:"2",fill:"#fff"})]})},{title:"Full Navigation Control",descr:"All required navigation elements are here - Pagination, Navigation, Scrollbar",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"19",y:"11",width:"26",height:"38",rx:"2",fill:"#fff"}),(0,i.jsx)("path",{d:"M6.718 29.474a.743.743 0 0 0 0 1.052l.002.002 5.254 5.254a.744.744 0 0 0 1.052-1.051L8.295 30l4.73-4.73a.744.744 0 0 0-1.05-1.052l-5.257 5.256Zm50.568 1.052a.744.744 0 0 0 0-1.052l-.002-.001-5.255-5.255a.744.744 0 0 0-1.051 1.051L55.708 30l-4.73 4.73a.744.744 0 0 0 1.051 1.052l5.257-5.256Z",fill:"#fff"}),(0,i.jsx)("circle",{opacity:".5",cx:"32.5",cy:"53",r:"1",fill:"#fff"}),(0,i.jsx)("circle",{opacity:".5",cx:"36.5",cy:"53",r:"1",fill:"#fff"}),(0,i.jsx)("circle",{cx:"28.5",cy:"53",r:"1",fill:"#fff"})]})},{title:"Most Flexible Slides Layout Grid",descr:"Swiper has a lot of parameters to make it as flexible as possible",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"14",y:"19",width:"16",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"14",y:"33",width:"25",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("rect",{x:"32",y:"19",width:"16",height:"12",rx:"2",fill:"#fff"}),(0,i.jsx)("path",{d:"M50 21a2 2 0 0 1 2-2h12v12H52a2 2 0 0 1-2-2v-8Zm-7 14a2 2 0 0 1 2-2h19v12H45a2 2 0 0 1-2-2v-8Z",fill:"#fff"})]})},{title:"Parallax Transitions",descr:"Swiper supports modern parallax transition effects that can be used on any element inside of Swiper: images, text blocks, headings, backgrounds, etc.",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 17a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h42a2 2 0 0 0 2-2V19a2 2 0 0 0-2-2H11Zm2 8h16v4H13v-4Zm2 8h22v2H15v-2Zm0 4h20v2H15v-2Z",fill:"#fff"}),(0,i.jsx)("path",{opacity:".25",fill:"url(#parallax__a)",d:"M37 33h18v2H37z"}),(0,i.jsx)("path",{opacity:".25",fill:"url(#parallax__b)",d:"M35 37h18v2H35z"}),(0,i.jsx)("path",{opacity:".25",fill:"url(#parallax__c)",d:"M29 25h16v4H29z"}),(0,i.jsxs)("defs",{children:[(0,i.jsxs)("linearGradient",{id:"parallax__a",x1:"37",y1:"34",x2:"55",y2:"34",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"var(--color-primary-container)"}),(0,i.jsx)("stop",{offset:"1",stopOpacity:"0"})]}),(0,i.jsxs)("linearGradient",{id:"parallax__b",x1:"35",y1:"38",x2:"53",y2:"38",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"var(--color-primary-container)"}),(0,i.jsx)("stop",{offset:"1",stopOpacity:"0"})]}),(0,i.jsxs)("linearGradient",{id:"parallax__c",x1:"29",y1:"27",x2:"45",y2:"27",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"var(--color-primary-container)"}),(0,i.jsx)("stop",{offset:"1",stopOpacity:"0"})]})]})]})},{title:"Images Lazy Loading",descr:"Delays loading of images in inactive/invisible slides until the user swipes to them",svg:(0,i.jsx)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 17a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h38a2 2 0 0 0 2-2V19a2 2 0 0 0-2-2H13Zm19 8a7 7 0 0 0-7 7h-2a9 9 0 1 1 9 9v-2a7 7 0 1 0 0-14Z",fill:"#fff"})})},{title:"Virtual Slides",descr:"This feature is great when you have a lot of content-heavy slides so it keeps just the required amount of slides in DOM",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{x:"22",y:"17",width:"20",height:"30",rx:"2",fill:"#fff"}),(0,i.jsx)("path",{d:"M60 22.206V21.6a1.6 1.6 0 0 0-1.6-1.6h-.606L60 22.206ZM54.4 20h-3.006L60 28.606V25.6L54.4 20ZM60 32 48 20h-2.4c-.182 0-.357.03
1-.52.086L60 35.006V32Zm0 6.4-16-16v3.006l16 16V38.4Zm-.941 5.459L44 28.8v3.006L56.194 44H58.4c.235 0 .458-.05.659-.141ZM52.8 44 44 35.2v3.006L49.794 44H52.8Zm-6.4 0L44 41.6v.8a1.6 1.6 0 0 0 1.6 1.6h.8ZM20 22.206V21.6a1.6 1.6 0 0 0-1.6-1.6h-.606L20 22.206ZM14.4 20h-3.006L20 28.606V25.6L14.4 20ZM20 32 8 20H5.6c-.182 0-.357.03-.52.086L20 35.006V32Zm0 6.4-16-16v3.006l16 16V38.4Zm-.941 5.459L4 28.8v3.006L16.194 44H18.4c.235 0 .458-.05.659-.141ZM12.8 44 4 35.2v3.006L9.794 44H12.8Zm-6.4 0L4 41.6v.8A1.6 1.6 0 0 0 5.6 44h.8Z",fill:"#fff"})]})},{title:"CSS Scroll Snapping",descr:"Special mode that uses natural CSS scrolling for unlimited performance",svg:(0,i.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 64 64",width:"64",height:"64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M32 40a4 4 0 0 0-4 4v4a4 4 0 1 0 8 0v-4a4 4 0 0 0-4-4Zm0 2a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1Z",fill:"#fff"}),(0,i.jsx)("path",{d:"M49.5 15a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 1 0v-6a.5.5 0 0 0-.5-.5Z",fill:"#fff"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 14a2 2 0 0 1 2-2h38a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H13a2 2 0 0 1-2-2V14Zm37 1.5a1.5 1.5 0 0 1 3 0v16a1.5 1.5 0 0 1-3 0v-16Z",fill:"#fff"})]})}],c=[{image:"adobe.svg",title:"Adobe"},{image:"asus.svg",title:"ASUS"},{image:"bmw.svg",title:"BMW"},{image:"byd.svg",title:"BYD"},{image:"burger-king.svg",title:"Burger King"},{image:"cocacola.svg",title:"Coca-Cola"},{image:"disney.svg",title:"Disney"},{image:"dji.svg",title:"DJI"},{image:"epic.svg",title:"Epic"},{image:"ferrari.svg",title:"Ferrari"},{image:"gm.svg",title:"General Motors"},{image:"homedepot.svg",title:"Home Depot"},{image:"honda.svg",title:"Honda"},{image:"huawei.svg",title:"Huawei"},{image:"ikea.svg",title:"IKEA"},{image:"lamborghini.svg",title:"Lamborghini"},{image:"mcdonalds.svg",title:"McDonalds"},{image:"mercedes.svg",title:"Mercedes"},{image:"msi.svg",title:"MSI"},{image:"nike.svg",title:"Nike"},{image:"nothing.svg",title:"Nothing"},{image:"oneplus.svg",title:"OnePlus"},{image:"samsung.svg",title:"Samsung"},{image:"sony.svg",title:"Sony"},{image:"tencent.svg",title:"Tencent"},{image:"tiktok.svg",title:"TikTok"},{image:"toyota.svg",title:"Toyota"},{image:"tsmc.svg",title:"TSMC"},{image:"vodafone.svg",title:"Vodafone"},{image:"xiaomi.svg",title:"Xiaomi"}];var d=t(4862),m=t(3907),h=t(1516);let g=()=>{let e=["/images/home/videos/ferrari.mp4","/images/home/videos/byd.mp4","/images/home/videos/msi.mp4","/images/home/videos/one-plus.mp4","/images/home/videos/nike.mp4","/images/home/videos/lambo.mp4","/images/home/videos/homedepot.mp4","/images/home/videos/samsung.mp4","/images/home/videos/coca-cola.mp4","/images/home/videos/epic.mp4"];return(0,i.jsxs)("div",{className:"relative flex flex-col gap-8 w-screen overflow-hidden left-1/2 -translate-x-1/2",children:[(0,i.jsx)("div",{className:"relative flex gap-8 home-videos-row-top",children:e.slice(0,5).map(e=>(0,i.jsx)("video",{src:e,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,loading:"lazy",className:"bg-surface-1 w-full md:w-1/2 shrink-0 lg:grayscale-100 hover:grayscale-0 lg:opacity-50 hover:opacity-100 transition-all duration-300"},e))}),(0,i.jsx)("div",{className:"relative flex gap-8 ml-[30%] w-full shrink-0 home-videos-row-bottom",children:e.slice(5,10).map(e=>(0,i.jsx)("video",{src:e,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,loading:"lazy",className:"bg-surface-1 w-full md:w-1/2 shrink-0 lg:grayscale-100 hover:grayscale-0 lg:opacity-50 hover:opacity-100 transition-all duration-300"},e))})]})};var p=t(1773),x=t(1325);let f=[{title:"JavaScript",image:"js.svg",link:"/swiper-api"},{title:"React",image:"react.svg",link:"/react"},{title:"Vue.js",image:"vue.svg",link:"/vue"},{title:"WebComponents",image:"webcomponents.svg",link:"/element"},{title:"Model Context Protocol",image:"mcp.svg",link:"/swiper-mcp"}],u=["angular.svg","ember.svg","nextjs.svg","solidjs.svg","svelte.svg","typescript.svg","wix.svg","wordpress.svg"];var v=!0;function w(e){let{posts:s=[]}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p.s,{}),(0,i.jsxs)(d.N,{className:"flex flex-col items-center justify-center gap-12 mt-16 mb-20",children:[(0,i.jsx)("div",{className:"home-header-bg absolute w-screen h-[727px] bg-center bg-no-repeat left-1/2 top-0 -translate-x-1/2"}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-8 relative",children:[(0,i.jsx)("img",{src:"/images/swiper-logo.svg",className:"w-24 h-24 sm:h-32 sm:w-32",alt:"Swiper"}),(0,i.jsx)("h1",{className:"text-6xl sm:text-8xl bg-gradient-to-r from-primary to-white bg-clip-text text-transparent",children:"Swiper"})]}),(0,i.jsx)("h2",{className:"text-4xl font-medium text-center text-primary-variant leading-tight text-pretty max-w-4xl relative sm:text-[56px] sm:leading-[1.1] sm:tracking-tight",children:"Powering Millions of Sliders - Smooth, Fast, Everywhere"}),(0,i.jsxs)("div",{className:"text-center text-lg text-on-surface-darker relative",children:["v","14.2.0"," released on"," ","August 26, 2026"]}),(0,i.jsx)("div",{className:"flex items-center gap-16 relative",children:(0,i.jsx)(o.$,{href:"/get-started",className:"w-48",children:"Get started"})})]}),(0,i.jsx)(d.N,{className:"mb-32 sm:mb-64",children:(0,i.jsx)(g,{})}),(0,i.jsx)(d.N,{className:"my-32 sm:my-64",children:(0,i.jsxs)("div",{className:"border-2 border-outline p-8 sm:p-16 lg:px-24 flex gap-4 text-lg sm:text-2xl leading-[1.75]",children:[(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"31",height:"31",viewBox:"0 0 31 31",className:"shrink-0 hidden xs:block",children:(0,i.jsx)("path",{fill:"#FFF",d:"M30.5180534,0 L30.5180534,5.65149137 C29.010989,6.50549451 27.8681319,7.56043956 27.0894819,8.81632653 C26.310832,10.0722135 25.7205651,11.4034537 25.3186813,12.8100471 C24.9167975,14.2166405 24.7158556,15.7739403 24.7158556,17.4819466 L30.5180534,17.4819466 L30.5180534,29.8398744 L18.1601256,29.8398744 L18.1601256,22.1538462 C18.1601256,17.5321821 18.599686,14.0156986 19.4788069,11.6043956 C20.3579278,9.19309262 21.7017268,6.97017268 23.5102041,4.93563579 C25.3186813,2.9010989 27.6546311,1.25588697 30.5180534,0 Z M12.3579278,0 L12.3579278,5.65149137 C10.8508634,6.50549451 9.69544741,7.56043956 8.89167975,8.81632653 C8.08791209,10.0722135 7.48508634,11.4034537 7.08320251,12.8100471 C6.68131868,14.2166405 6.48037677,15.7739403 6.48037677,17.4819466 L12.3579278,17.4819466 L12.3579278,29.8398744 L0,29.8398744 L0,22.1538462 C0,17.5321821 0.43956044,14.0156986 1.31868132,11.6043956 C2.1978022,9.19309262 3.54160126,6.97017268 5.35007849,4.93563579 C7.15855573,2.9010989 9.49450549,1.25588697 12.3579278,0 Z",transform:"translate(0 .345)"})}),(0,i.jsxs)("div",{className:"",children:[(0,i.jsx)("p",{children:"Swiper is the most popular mobile-friendly slider library on the web. Built with a focus on performance, flexibility, and native-like touch interactions, it powers millions of sliders across websites, apps, and digital products."}),(0,i.jsx)("p",{children:(0,i.jsx)("br",{})}),(0,i.jsx)("p",{children:"Lightweight and modular, Swiper integrates seamlessly with modern frameworks like React, Vue, Svelte, and plain JavaScript - making it a go-to solution for developers who need full control and a smooth user experience."})]}),(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"31",height:"31",viewBox:"0 0 31 31",className:"shrink-0 hidden xs:block self-end rotate-180",children:(0,i.jsx)("path",{fill:"#FFF",d:"M30.5180534,0 L30.5180534,5.65149137 C29.010989,6.50549451 27.8681319,7.56043956 27.0894819,8.81632653 C26.310832,10.0722135 25.7205651,11.4034537 25.3186813,12.8100471 C24.9167975,14.2166405 24.7158556,15.7739403 24.7158556,17.4819466 L30.5180534,17.4819466 L30.5180534,29.8398744 L18.1601256,29.8398744 L18.1601256,22.1538462 C18.1601256,17.5321821 18.599686,14.0156986 19.4788069,11.6043956 C20.3579278,9.19309262 21.7017268,6.97017268 23.5102041,4.93563579 C25.3186813,2.9010989 27.6546311,1.25588697 30.5180534,0 Z M12.3579278,0 L12.3579278,5.65149137 C10.8508634,6.50549451 9.69544741,7.56043956 8.89167975,8.81632653 C8.08791209,10.0722135 7.48508634,11.4034537 7.08320251,12.8100471 C6.68131868,14.2166405 6.48037677,15.7739403 6.48037677,17.4819466 L12.3579278,17.4819466 L12.3579278,29.8398744 L0,29.8398744 L0,22.1538462 C0,17.5321821 0.43956044,14.0156986 1.31868132,11.6043956 C2.1978022,9.19309262 3.54160126,6.97017268 5.35007849,4.93563579 C7.15855573,2.9010989 9.49450549,1.25588697 12.3579278,0 Z",transform:"translate(0 .345)"})})]})}),(0,i.jsxs)(d.N,{className:"my-32 sm:my-64 relative z-10",children:[(0,i.jsx)(m.d,{children:"Works Anywhere You Build"}),(0,i.jsx)(h.a,{children:"Swiper is available for JavaScript, React, Vue, Web Components - and easily integrates with frameworks like Svelte, Angular, Next.js, Ember, and more."}),(0,i.jsxs)("div",{className:"grid grid-cols-3 xs:flex flex-wrap items-center justify-center gap-4 md:gap-8 my-12 xs:max-w-screen-lg xs:mx-auto",children:[f.map(e=>{let{title:s,image:t,link:a}=e;return(0,i.jsxs)(l,{href:a,className:"xs:w-40 w-full h-36 sm:h-40 bg-surface-1 border border-outline
1!text-on-surface !no-underline rounded-3xl relative group text-sm sm:text-base",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-white/10 rounded-3xl opacity-0 group-hover:opacity-100 duration-200 group-active:opacity-50 pointer-events-none"}),(0,i.jsxs)("div",{className:"flex flex-col gap-4 p-4 items-center justify-center group-active:scale-90 group-active:opacity-75 duration-200 h-full",children:[(0,i.jsx)("img",{src:"/images/libs/".concat(t),width:"140",height:"140",alt:"".concat(s," logo"),title:s,loading:"lazy",className:"w-12 h-12 sm:w-16 sm:h-16 object-contain"}),(0,i.jsx)("div",{className:"truncate max-w-full",children:s})]})]},s)}),(0,i.jsxs)(l,{href:"https://studio.swiperjs.com",className:"xs:w-40 w-full h-36 sm:h-40 bg-surface-1 border border-outline !text-on-surface !no-underline rounded-3xl relative group text-sm sm:text-base",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-white/10 rounded-3xl opacity-0 group-hover:opacity-100 duration-200 group-active:opacity-50 pointer-events-none"}),(0,i.jsxs)("div",{className:"flex flex-col gap-4 md:gap-8 p-4 md:p-8 items-center justify-center group-active:scale-90 group-active:opacity-75 duration-200 h-full",children:[(0,i.jsx)("img",{src:"/images/webflow-logo.svg",width:"140",height:"140",alt:"Webflow",title:"Webflow",loading:"lazy",className:"w-12 h-12 sm:w-16 sm:h-16 object-contain"}),"Webflow"]}),(0,i.jsx)("img",{src:"/images/swiper-studio-logo.svg",alt:"Swiper Studio",className:"absolute right-2 top-2 w-6 h-6 sm:w-8 sm:h-8 object-contain"})]}),(0,i.jsxs)(l,{href:"https://studio.swiperjs.com",className:"xs:w-40 w-full h-36 sm:h-40 bg-surface-1 border border-outline !text-on-surface !no-underline rounded-3xl relative group text-sm sm:text-base",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-white/10 rounded-3xl opacity-0 group-hover:opacity-100 duration-200 group-active:opacity-50 pointer-events-none"}),(0,i.jsxs)("div",{className:"flex flex-col gap-4 md:gap-8 p-4 md:p-8 items-center justify-center group-active:scale-90 group-active:opacity-75 duration-200 h-full",children:[(0,i.jsx)("img",{src:"/images/libs/shopify.svg",width:"140",height:"140",alt:"Shopify",title:"Shopify",loading:"lazy",className:"w-12 h-12 sm:w-16 sm:h-16 object-contain"}),"Shopify"]}),(0,i.jsx)("img",{src:"/images/swiper-studio-logo.svg",alt:"Swiper Studio",className:"absolute right-2 top-2 w-6 h-6 sm:w-8 sm:h-8 object-contain"})]})]}),(0,i.jsx)("div",{className:"flex items-center justify-center gap-8 my-12 flex-wrap",children:u.map(e=>(0,i.jsx)("img",{src:"/images/libs/".concat(e),width:"140",height:"140",alt:"".concat(e.split(".")[0]," logo"),title:e.split(".")[0],loading:"lazy",className:"w-12 h-12 sm:w-16 sm:h-16 object-contain shrink-0"}))})]}),(0,i.jsxs)(d.N,{className:"my-32 sm:my-64 relative",children:[(0,i.jsx)("div",{className:"home-features-bg absolute w-screen h-[1403px] bg-center bg-no-repeat left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-50"}),(0,i.jsx)(m.d,{className:"relative",children:"Powered With Top Notch Features"}),(0,i.jsx)("div",{className:"grid grid-cols-3 sm:flex gap-4 lg:gap-8 flex-wrap justify-center relative",children:n.map(e=>{let{title:s,descr:t,svg:l}=e;return(0,i.jsxs)("div",{className:"flex rounded-3xl border border-outline bg-surface-1 flex-col px-4 py-4 lg:py-8 items-center justify-start gap-4 md:w-36 md:h-40 lg:w-48 lg:h-48 text-center backdrop-blur backdrop-saturate-200 text-sm lg:text-base",children:[(0,i.jsx)("div",{className:"w-12 h-12 lg:w-16 lg:h-16 bg-white/10 rounded-xl",children:l}),(0,i.jsx)("div",{children:s})]},s)})})]}),(0,i.jsxs)(d.N,{className:"my-32 sm:my-64 relative z-10",children:[(0,i.jsx)(m.d,{children:"Proven. Trusted. Everywhere"}),(0,i.jsx)(h.a,{children:"Millions of developers and the world's top companies rely on Swiper every day."}),(0,i.jsx)("div",{className:"flex flex-wrap gap-4 sm:gap-8 justify-center",children:c.map(e=>{let{image:s,title:t}=e;return(0,i.jsx)("img",{className:"w-12 h-12 sm:w-16 sm:h-16 object-contain",src:"/images/clients/".concat(s),width:"120",height:"120",alt:"".concat(t," logo"),title:t,loading:"lazy"},t)})})]}),(0,i.jsxs)(d.N,{className:"my-32 sm:my-64 relative home-premium",children:[(0,i.jsx)("div",{className:"home-premium-bg absolute w-screen h-[1448px] bg-center bg-no-repeat left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-30"}),(0,i.jsx)(m.d,{className:"relative",children:"Build More with Swiper Studio & UI Initiative"}),(0,i.jsxs)(h.a,{className:"relative",children:["Beyond the core library, Swiper is part of a growing ecosystem."," ",(0,i.jsx)(l,{href:"https://studio.swiperjs.com",target:"_blank",children:"Swiper Studio"})," ","offers a visual, no-code builder for crafting sliders quickly, while"," ",(0,i.jsx)(l,{href:"https://uiinitiative.com",target:"_blank",children:"UI Initiative"})," ","delivers premium Swiper-based UI templates and effects."]}),(0,i.jsxs)("div",{className:"grid grid-cols-1 xs:grid-cols-2 gap-4 sm:gap-8 relative",children:[(0,i.jsxs)(l,{href:"https://uiinitiative.com",target:"_blank",className:"flex flex-col gap-4 sm:gap-8 p-4 md:p-8 bg-[#202020]/75 border border-outline rounded-3xl items-center justify-center text-center !text-on-surface !no-underline backdrop-blur-2xl text-pretty relative group home-premium-link",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-white/5 rounded-3xl opacity-0 group-hover:opacity-100 duration-200 group-active:opacity-50 pointer-events-none"}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-4 xs:contents xs:text-center text-left ",children:[(0,i.jsx)("img",{className:"size-12 sm:size-16 md:size-24",src:"/images/projects/uiinitiative.svg",alt:"UI Initiative"}),(0,i.jsx)("div",{className:"text-base sm:text-lg md:text-2xl leading-relaxed",children:"Premium Templates & Plugins for Swiper and Framework7"})]}),(0,i.jsx)("img",{src:"/images/uiinitiative-banner.jpg",alt:"UI Initiative",className:"rounded-2xl border border-outline"})]}),(0,i.jsxs)(l,{href:"https://studio.swiperjs.com",target:"_blank",className:"flex flex-col gap-4 sm:gap-8 p-4 md:p-8 bg-[#202020]/75 border border-outline rounded-3xl items-center justify-center text-center !text-on-surface !no-underline backdrop-blur-2xl text-pretty relative group home-premium-link",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-white/5 rounded-3xl opacity-0 group-hover:opacity-100 duration-200 group-active:opacity-50 pointer-events-none"}),(0,i.jsxs)("div",{className:"flex items-center justify-center gap-4 xs:contents xs:text-center text-left ",children:[(0,i.jsx)("img",{className:"size-12 sm:size-16 md:size-24",src:"/images/projects/swiper-studio-logo.svg",alt:"Swiper Studio"}),(0,i.jsx)("div",{className:"text-base sm:text-lg md:text-2xl leading-relaxed",children:"Build stunning sliders and carousels â no code required"})]}),(0,i.jsx)("img",{src:"/images/swiper-studio-banner.jpg",alt:"Swiper Studio",className:"rounded-2xl border border-outline"})]})]})]}),(0,i.jsxs)(d.N,{className:"my-32 sm:my-64 relative z-10",children:[(0,i.jsx)(m.d,{children:"The Tools Powering Modern Front-End Development"}),(0,i.jsx)(h.a,{children:"Discover our full suite of UI tools, frameworks, no-code solutions and productivity apps built to elevate your development workflow."}),(0,i.jsx)(r,{})]}),(0,i.jsx)("div",{"data-sponsors":"",children:(0,i.jsxs)(d.N,{className:"my-32 sm:my-64 relative z-10",children:[(0,i.jsx)(m.d,{children:"Sponsors"}),(0,i.jsxs)(h.a,{children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("a",{href:"https://sponsors.nolimits4web.com",target:"_blank",children:"Sponsor Swiper"})," ","and get your logo and link featured on the website, or support the developer on"," ",(0,i.jsx)("a",{href:"https://github.com/sponsors/nolimits4web",target:"_blank",children:"GitHub Sponsors"}),". Your support helps keep Swiper growing!"]}),(0,i.jsx)("div",{className:"mt-6 flex justify-center",children:(0,i.jsx)(o.$,{href:"https://sponsors.nolimits4web.com",target:"_blank",children:"Become a Sponsor"})})]}),(0,i.jsx)(a.A,{spacing:!1})]})}),(0,i.jsx)(x.A,{})]})}}},e=>{var s=s=>e(e.s=s);e.O(0,[950,636,593,792],()=>s(7276)),_N_E=e.O()}]);
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.