https://www.srbh.site/_next/static/immutable/chunks/3hs4ov-fgngqi.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,51672,e=>{"use strict";var t=e.i(43476),l=e.i(4570),a=e.i(25265);e.s(["ComponentsSection",0,function({showViewAll:e=!0,limit:r}){let s=a.crafts.filter(e=>"component"===e.type),n=void 0!==r?s.slice(0,r):s;return(0,t.jsxs)("div",{className:"flex w-full flex-col",children:[(0,t.jsxs)("div",{className:"mb-6 flex w-full items-center justify-between",children:[(0,t.jsx)("h2",{className:"font-serif text-3xl tracking-wide text-neutral-900 dark:text-white",children:"Components on great-ui.com"}),e&&(0,t.jsxs)("a",{href:"https://www.great-ui.com/components",target:"_blank",rel:"noopener noreferrer",className:"group flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-neutral-500 transition-colors group-hover:text-neutral-900 dark:text-neutral-400 dark:group-hover:text-white",children:"View all"}),(0,t.jsx)("div",{className:"flex h-7 w-7 items-center justify-center rounded-full border border-neutral-200 bg-neutral-50 transition-colors group-hover:border-neutral-300 dark:border-neutral-800/60 dark:bg-[#0f0f0f] dark:group-hover:border-neutral-700",children:(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-neutral-500 transition-all group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-neutral-900 dark:text-neutral-400 dark:group-hover:text-white",children:[(0,t.jsx)("path",{d:"M7 17L17 7"}),(0,t.jsx)("path",{d:"M7 7h10v10"})]})})]})]}),(0,t.jsx)("div",{className:"flex w-full flex-col gap-2",children:n.map(e=>(0,t.jsxs)("a",{href:e.link,onClick:()=>l.default.capture("craft_link_clicked",{title:e.title,link:e.link,type:e.type}),className:"group -mx-2 flex w-full cursor-pointer items-center justify-between rounded-2xl py-2 pl-2 text-left transition-colors hover:bg-neutral-50 focus:outline-none dark:hover:bg-neutral-900/50",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)("div",{className:"flex h-[48px] w-[72px] flex-shrink-0 items-center justify-center overflow-hidden rounded-xl bg-neutral-100 dark:bg-[#0f0f0f]",children:e.preview}),(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("h3",{className:"text-[15px] leading-tight font-medium text-neutral-900 transition-colors group-hover:text-neutral-950 dark:text-neutral-200 dark:group-hover:text-white",children:e.title}),(0,t.jsx)("p",{className:"mt-1 text-[13px] text-neutral-500 dark:text-neutral-400",children:e.date})]})]}),(0,t.jsx)("div",{className:"inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-xl border border-neutral-200 bg-neutral-50 transition-all duration-300 group-hover:border-neutral-300 group-hover:bg-neutral-100 dark:border-neutral-800 dark:bg-neutral-900 dark:group-hover:border-neutral-700 dark:group-hover:bg-neutral-800",children:(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"block shrink-0 text-neutral-500 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-neutral-900 dark:text-neutral-400 dark:group-hover:text-white",children:[(0,t.jsx)("path",{d:"M7 17L17 7"}),(0,t.jsx)("path",{d:"M7 7h10v10"})]})})]},`${e.title}-${e.date}`))})]})}])},25265,e=>{"use strict";var t=e.i(43476);let l=[{title:"Swipe Theme Provider",date:"August 2026",link:"https://great-ui.com/components/swipe-theme-change",type:"component",preview:(0,t.jsx)("div",{className:"relative flex h-full w-full items-center justify-center overflow-hidden bg-neutral-200 dark:bg-neutral-900",children:(0,t.jsx)("div",{className:"absolute inset-0 w-1/2 translate-x-[-10%] -skew-x-12 transform bg-neutral-400 dark:bg-neutral-700"})})},{title:"Circular Theme Provider",date:"August 2026",link:"https://great-ui.com/components/circular-theme-provider",type:"component",preview:(0,t.jsx)("div",{className:"relative h-full w-full overflow-hidden bg-neutral-200 dark:bg-neutral-900",children:(0,t.jsx)("div",{className:"absolute top-0 left-0 size-26 -translate-x-3/5 -translate-y-1/2 roun

1ded-full bg-neutral-400 dark:bg-neutral-600"})})},{title:"Split Theme Provider",date:"August 2026",link:"https://great-ui.com/components/split-theme-provider",type:"component",preview:(0,t.jsxs)("div",{className:"grid-row-3 grid h-full w-full",children:[(0,t.jsx)("div",{className:"bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"bg-neutral-100 dark:bg-neutral-900"}),(0,t.jsx)("div",{className:"bg-neutral-300 dark:bg-neutral-700"})]})},{title:"Word Focus Scroll",date:"August 2026",link:"https://great-ui.com/components/word-focus-scroll",type:"component",preview:(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("div",{className:"h-1.5 w-2 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-2 w-3.5 rounded-[1.5px] bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1.5 w-2.5 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"})]})},{title:"Blur Scroll Reveal",date:"August 2026",link:"https://great-ui.com/components/blur-scroll-reveal",type:"component",preview:(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center gap-0.5",children:[(0,t.jsx)("div",{className:"h-1 w-5 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-1 w-6 rounded-[1px] bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1 w-4 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"})]})},{title:"Split Line Fly In",date:"August 2026",link:"https://great-ui.com/components/split-line-fly-in",type:"component",preview:(0,t.jsxs)("div",{className:"relative flex h-4 w-6 flex-col justify-center gap-1",children:[(0,t.jsx)("div",{className:"h-1 w-3 translate-x-[-2px] self-start rounded-full bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-1 w-4 translate-x-[2px] self-end rounded-full bg-neutral-500"})]})},{title:"Color Wipe Page Transition",date:"August 2026",link:"https://great-ui.com/components/color-wipe-page-transition",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-full w-full flex-col items-start",children:[(0,t.jsxs)("div",{className:"flex w-full flex-1 items-stretch",children:[(0,t.jsx)("div",{className:"flex-1 bg-neutral-200 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"w-[3px] bg-neutral-400 dark:bg-neutral-600"})]}),(0,t.jsxs)("div",{className:"flex w-[80%] flex-1 items-stretch",children:[(0,t.jsx)("div",{className:"flex-1 bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"w-[3px] bg-neutral-400 dark:bg-neutral-700"})]}),(0,t.jsxs)("div",{className:"flex w-[60%] flex-1 items-stretch",children:[(0,t.jsx)("div",{className:"flex-1 bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"w-[3px] bg-neutral-500 dark:bg-neutral-800"})]}),(0,t.jsxs)("div",{className:"flex w-[40%] flex-1 items-stretch",children:[(0,t.jsx)("div",{className:"flex-1 bg-neutral-400 dark:bg-neutral-500"}),(0,t.jsx)("div",{className:"w-[3px] bg-neutral-500 dark:bg-neutral-500"})]})]})},{title:"Staggered Page Transition",date:"August 2026",link:"https://great-ui.com/components/staggered-page-transition",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-full w-full items-start",children:[(0,t.jsx)("div",{className:"h-full flex-1 rounded-[1px] bg-neutral-200 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-[80%] flex-1 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-[60%] flex-1 rounded-[1px] bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-[40%] flex-1 rounded-[1px] bg-neutral-500 dark:bg-neutral-500"})]})},{title:"Pixel To Ascii Image",date:"August 2026",link:"https://great-ui.com/components/pixel-to-ascii-image",type:"component",preview:(0,t.jsxs)("div",{className:"grid h-6 w-8 grid-cols-4 items-center justify-center gap-0.5",children:[(0,t.jsx)("div",{className:"h-1.5 w-1.5 rounded-[1px] bg-neutral-300 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-1.5 w-1.5 rounded-[1px] bg-neutral-400 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"flex items-center justify-center",children:(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-400 dark:bg-neutral-600"})}),(0,t.jsx)("div",{className:"flex items-center justify-center",children:(0,t.jsx)("div",{className:"dark:bg-neutral-555 h-[3px] w-[3px] bg-neutral-500"})}),(0,t.jsx)("div",{className:"h-1.5 w-1.5 rounded-[1px] bg-neutral-400 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-1.5 w-1.5 rounded-[1px] bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"flex items-center justify-center",children:(0,t.jsx)("div",{className:"h-[3px] w-[3px] bg-neutral-500 dark:bg-neutral-600"})}),(0,t.jsx)("div",{className:"flex items-center justify-center",children:(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-500 dark:bg-neutral-500"})})]})},{title:"Multilingual Quote",date:"August 2026",link:"https://great-ui.com/components/multilingual-quote",type:"component",preview:(0,t.jsxs)("div",{className:"relative flex h-full w-full items-center justify-center",children:[(0,t.jsx)("div",{className:"relative h-3.5 w-6 rounded-full bg-neutral-300 dark:bg-neutral-700",children:(0,t.jsx)("div",{className:"absolute bottom-[-1px] left-2 h-1.5 w-1.5 rotate-45 transform rounded-[1px] bg-neutral-300 dark:bg-neutral-700"})}),(0,t.jsx)("div",{className:"absolute h-3 w-5 translate-x-2.5 translate-y-1.5 rounded-full bg-neutral-500",children:(0,t.jsx)("div",{className:"absolute right-2 bottom-[-1px] h-1 w-1 rotate-45 transform rounded-[0.5px] bg-neutral-500"})})]})},{title:"Text On Path Scroll",date:"August 2026",link:"https://great-ui.com/components/text-on-path-scroll",type:"component",preview:(0,t.jsxs)("div",{className:"relative flex h-full w-full items-center justify-center gap-1 p-1",children:[(0,t.jsx)("div",{className:"h-2 w-2 translate-y-1.5 rounded-full bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-2 w-2 translate-y-0.5 rounded-full bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-2 w-2 translate-y-[-0.5px] rounded-full bg-neutral-500"}),(0,t.jsx)("div",{className:"h-2 w-2 translate-y-0.5 rounded-full bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-2 w-2 translate-y-1.5 rounded-full bg-neutral-300 dark:bg-neutral-700"})]})},{title:"Scrambled Install Command",date:"August 2026",link:"https://great-ui.com/components/scrambled-install-command",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-5 w-8 flex-col justify-center gap-0.5 rounded-[3px] bg-white p-1 shadow-[0_1px_2px_rgba(0,0,0,0.05)] dark:bg-neutral-950 dar

1k:shadow-none",children:[(0,t.jsxs)("div",{className:"flex gap-0.5",children:[(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-200 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-300 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-400 dark:bg-neutral-500"})]}),(0,t.jsx)("div",{className:"h-1.5 w-5 rounded-[0.5px] bg-neutral-500"})]})},{title:"Team Section",date:"August 2026",link:"https://great-ui.com/components/team-section",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-full w-full flex-col justify-center gap-1 p-1.5",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("div",{className:"h-3.5 w-3.5 flex-shrink-0 rounded-full bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1.5 w-8 rounded-full bg-neutral-300 dark:bg-neutral-600"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("div",{className:"h-3.5 w-3.5 flex-shrink-0 rounded-full bg-neutral-400 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-1.5 w-6 rounded-full bg-neutral-300 dark:bg-neutral-600"})]})]})},{title:"Github Card",date:"August 2026",link:"https://great-ui.com/components/github-card",type:"component",preview:(0,t.jsxs)("div",{className:"grid grid-cols-4 grid-rows-2 gap-0.5 rounded-[3px] bg-neutral-200 p-1 dark:bg-neutral-900",children:[(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-300 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-400 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-300 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-400 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-300 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-300 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-[0.5px] bg-neutral-500 dark:bg-neutral-500"})]})},{title:"Text Reveal",date:"August 2026",link:"https://great-ui.com/components/text-reveal",type:"component",preview:(0,t.jsxs)("div",{className:"flex items-center justify-center gap-0.5",children:[(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-500"}),(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"})]})},{title:"Card",date:"August 2026",link:"https://great-ui.com/components/card",type:"component",preview:(0,t.jsxs)("div",{className:"flex w-6 flex-col gap-0.5 rounded-[2px] bg-white p-0.5 shadow-[0_1px_2px_rgba(0,0,0,0.05)] dark:bg-neutral-800 dark:shadow-none",children:[(0,t.jsx)("div",{className:"h-2.5 w-full rounded-[1px] bg-neutral-300 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-0.5 w-2/3 bg-neutral-500"})]})},{title:"Revision Timeline",date:"July 2026",link:"https://great-ui.com/components/revision-timeline",type:"component",preview:(0,t.jsxs)("div",{className:"relative flex h-4 w-8 items-center justify-center",children:[(0,t.jsx)("div",{className:"absolute h-0.5 w-full bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsxs)("div",{className:"z-10 flex w-full items-center justify-between",children:[(0,t.jsx)("div",{className:"h-1.5 w-1.5 rounded-full bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-2.5 w-2.5 rounded-full bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1.5 w-1.5 rounded-full bg-neutral-300 dark:bg-neutral-700"})]})]})},{title:"Diagonal Marquee Carousel",date:"July 2026",link:"https://great-ui.com/components/diagonal-marquee-carousel",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-4 w-6 rotate-12 transform flex-col items-center justify-center gap-1 overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex gap-0.5",children:[(0,t.jsx)("div",{className:"h-1 w-2 bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1 w-2 bg-neutral-300 dark:bg-neutral-600"})]}),(0,t.jsxs)("div",{className:"flex translate-x-1 gap-0.5",children:[(0,t.jsx)("div",{className:"h-1 w-2 bg-neutral-300 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-1 w-2 bg-neutral-500"})]})]})},{title:"Avatar Stack",date:"July 2026",link:"https://great-ui.com/components/

1avatar-stack",type:"component",preview:(0,t.jsxs)("div",{className:"flex items-center justify-center -space-x-1",children:[(0,t.jsx)("div",{className:"h-3.5 w-3.5 rounded-full bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-3.5 w-3.5 rounded-full bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"z-10 h-3.5 w-3.5 rounded-full bg-neutral-500"})]})},{title:"Image Hover Reveal",date:"July 2026",link:"https://great-ui.com/components/image-hover-reveal",type:"component",preview:(0,t.jsxs)("div",{className:"relative flex h-full w-full items-center justify-center",children:[(0,t.jsx)("div",{className:"absolute h-7 w-7 translate-x-[-4px] translate-y-[-4px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"absolute h-7 w-7 translate-x-[4px] translate-y-[4px] rounded-[3px] bg-neutral-500"})]})},{title:"Terminal Loader",date:"July 2026",link:"https://great-ui.com/components/terminal-loader",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-full w-full flex-col justify-center gap-1 p-1.5",children:[(0,t.jsx)("div",{className:"h-1.5 w-8 bg-neutral-300 dark:bg-neutral-700"}),(0,t.jsxs)("div",{className:"flex gap-0.5",children:[(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-500"}),(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-500"}),(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-300 dark:bg-neutral-800"}),(0,t.jsx)("div",{className:"h-2 w-2 rounded-[1px] bg-neutral-200 dark:bg-neutral-900"})]})]})},{title:"Animated Link",date:"July 2026",link:"https://great-ui.com/components/animated-link",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-full w-full flex-col items-center justify-center gap-1",children:[(0,t.jsx)("div",{className:"h-2 w-7 rounded-[2px] bg-neutral-500"}),(0,t.jsx)("div",{className:"ml-0.5 h-0.5 w-5 self-start rounded-full bg-neutral-300 dark:bg-neutral-600"})]})},{title:"Floating Menu",date:"July 2026",link:"https://great-ui.com/components/floating-menu",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-3 items-center justify-center gap-0.5 rounded-full bg-neutral-200 px-1 py-0.5 dark:bg-neutral-800",children:[(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1 w-1 rounded-full bg-neutral-500"})]})},{title:"Deployment Checklist",date:"July 2026",link:"https://great-ui.com/components/deployment-checklist",type:"component",preview:(0,t.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,t.jsx)("div",{className:"h-1.5 w-4 rounded-[1px] bg-neutral-500"}),(0,t.jsx)("div",{className:"h-1.5 w-4 rounded-[1px] bg-neutral-300 dark:bg-neutral-700"})]})},{title:"Macbook Mockup",date:"July 2026",link:"https://great-ui.com/components/macbook-mockup",type:"component",preview:(0,t.jsxs)("div",{className:"flex h-full w-full flex-col items-center justify-center",children:[(0,t.jsx)("div",{className:"h-4 w-7 rounded-t-[2px] bg-neutral-400 dark:bg-neutral-700"}),(0,t.jsx)("div",{className:"h-0.5 w-9 rounded-b-[1px] bg-neutral-300 dark:bg-neutral-500"})]})},{title:"Mobile Mockup",date:"July 2026",link:"https://great-ui.com/components/mobile-mockup",type:"component",preview:(0,t.jsx)("div",{className:"h-6 w-4 rounded-[3px] bg-neutral-400 dark:bg-neutral-700"})},{title:"Button",date:"July 2026",link:"https://great-ui.com/components/button",type:"component",preview:(0,t.jsx)("div",{className:"h-3.5 w-6 rounded-full bg-neutral-500"})},{title:"Accordion",date:"July 2026",link:"https://great-ui.com/components/accordion",type:"component",preview:(0,t.jsxs)("div",{className:"flex w-5 flex-col justify-center gap-0.5",children:[(0,t.jsx)("div",{className:"h-1 w-full rounded-[1px] bg-neutral-400 dark:bg-neutral-600"}),(0,t.jsx)("div",{className:"h-2 w-full rounded-[1px] bg-neutral-200 dark:bg-neutral-800"})]})}];e.s(["crafts",0,l,"socials",0,[{label:"X",href:"https://x.com/srbh_here"},{label:"GitHub",href:"https://github.com/Saurabh-2607"},{label:"LinkedIn",href:"https://www.linkedin.com/in/srbh-s/"},{label:"Peerlist",href:"https://peerlist.io/i_saurabh"},{label:"Email",href:"mailto:[email protected]"}]])}]);