52:o1,#52:oa0a,2:"$Sreact.fragment" 3:"/_next/static/immutable/chunks/2ro3-bt41w31f.js" 4:"/_next/static/immutable/chunks/3w5jzo9jpktnf.js" 5:I[767001,["$3","$4"],"default"] 6:I[759081,["$3","$4"],"default"] d:"/_next/static/immutable/chunks/39loe1qobwkx4.js" e:"/_next/static/immutable/chunks/112dkozri1o0_.js" f:"/_next/static/immutable/chunks/2vm868xzv0j-a.js" 10:"/_next/static/immutable/chunks/1rby509f5yqli.js" 11:"/_next/static/immutable/chunks/0ivdrvn4bcto8.js" 12:"/_next/static/immutable/chunks/0co-u0e8h8ik0.js" 13:"/_next/static/immutable/chunks/2dj6cuyxcsr2c.js" 14:"/_next/static/immutable/chunks/2crdjnw6y8gww.js" 15:"/_next/static/immutable/chunks/2aj0wo2s-m8ws.js" 16:"/_next/static/immutable/chunks/2u5ue5xmwjal8.js" 17:"/_next/static/immutable/chunks/0ps4-7tcwfl8r.js" 18:"/_next/static/immutable/chunks/0g5o6l45qejjw.js" 19:"/_next/static/immutable/chunks/3b2087_mtw20x.js" 1a:"/_next/static/immutable/chunks/04gwb4e2d_jvi.js" 1b:"/_next/static/immutable/chunks/1d0p7iz_uoamn.js" 1c:"/_next/static/immutable/chunks/3npct6ynhjgdc.js" 1d:"/_next/static/immutable/chunks/1m88lp8zsu_rt.js" 1e:"/_next/static/immutable/chunks/10pf6t0r2uuaz.js" 1f:"/_next/static/immutable/chunks/0mwow-wqfatnw.js" 20:"/_next/static/immutable/chunks/18p16mj5e87l1.js" 21:"/_next/static/immutable/chunks/18c94ogovrejy.js" 22:"/_next/static/immutable/chunks/0ise2p3ce1s2o.js" 23:"/_next/static/immutable/chunks/073nx0854_yjr.js" 24:"/_next/static/immutable/chunks/3d3wurtbu3kw5.js" 25:"/_next/static/immutable/chunks/2kyjw-alffb9_.js" 26:"/_next/static/immutable/chunks/0oltbbwilw8qw.js" 27:"/_next/static/immutable/chunks/313vb959c81vj.js" 28:"/_next/static/immutable/chunks/1n4mmuctc99yx.js" 29:"/_next/static/immutable/chunks/1z298k_mihvw0.js" 2a:I[927931,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],""] 3b:"ViewportBoundary" 3c:I[591928,["$3","$4"],"$3b"] 3e:"MetadataBoundary" 3f:I[591928,["$3","$4"],"$3e"] 40:"$Sreact.suspense" :HL["/_next/static/immutable/chunks/2o8tol2508hpa.css","style"] :HL["/_next/static/immutable/chunks/1dmv20zxtmyup.css","style"] :HL["/_next/static/immutable/chunks/2k_ex_1ify-ho.css","style"] 1:X 8:X b:X 33:X 3a:X 38:[["children",{"s":"__PAGE__","h":16546,"d":{"r":"$L39","p":false,"v":"$3a"}}]] 36:[["children",{"s":{"n":"slug","t":"d","k":"magicui-dither-field","s":[]},"h":16486,"d":{"r":"$L37","p":false,"v":"$8"},"c":"$Q38"}]] 34:[["children",{"s":"components","h":16462,"d":{"r":"$L35","p":false,"v":"$8"},"c":"$Q36"}]] 52:o86b,c:[["children",{"s":"(marketing)","h":16394,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2k_ex_1ify-ho.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1dmv20zxtmyup.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/1m88lp8zsu_rt.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/10pf6t0r2uuaz.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/0mwow-wqfatnw.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/immutable/chunks/18p16mj5e87l1.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/immutable/chunks/18c94ogovrejy.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/immutable/chunks/0ise2p3ce1s2o.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/immutable/chunks/073nx0854_yjr.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/immutable/chunks/3d3wurtbu3kw5.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/immutable/chunks/2kyjw-alffb9_.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/immutable/chunks/0oltbbwilw8qw.js","async":true,"nonce":"$undefined"}]],["$","div",null,{"className":"discovery-site bg-background text-foreground flex min-h-[100vh] flex-col","children":[[null,["$","header",null,{"className":"discovery-header MC5xVa_frame","children":["$","div",null,{"className":"discovery-header-inner","children":[["$","$L2a",null,{"href":"/","className":"discovery-wordmark","children":["$","span",null,{"className":"_4kWFNG_root","data-size":"md","data-variant":"plain","data-test":"site-logo","children":["$L2b","$L2c"]}]}],"$L2d","$L2e"]}]}]],"$L2f","$L30","$L31","$L32"]}]]}],"p":false,"v":"$33"},"c":"$Q34"}]] 52:o8f5,9:[["children",{"s":{"n":"locale","t":"d","k":"en","s":["api","llms-full.txt","llms.txt","news-sitemap.xml","rss.xml","sitemap.xml","sitemaps"]},"h":16410,"d":{"r":["$","$2","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2o8tol2508hpa.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/39loe1qobwkx4.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/112dkozri1o0_.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/2vm868xzv0j-a.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/immutable/chunks/1rby509f5yqli.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/immutable/chunks/0ivdrvn4bcto8.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/immutable/chunks/0co-u0e8h8ik0.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/immutable/chunks/2dj6cuyxcsr2c.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/immutable/chunks/2crdjnw6y8gww.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/immutable/chunks/2aj0wo2s-m8ws.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/immutable/chunks/2u5ue5xmwjal8.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/_next/static/immutable/chunks/0ps4-7tcwfl8r.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/_next/static/immutable/chunks/0g5o6l45qejjw.js","async":true,"nonce":"$undefined"}],["$","script","script-12",{"src":"/_next/static/immutable/chunks/3b2087_mtw20x.js","async":true,"nonce":"$undefined"}],["$","script","script-13",{"src":"/_next/static/immutable/chunks/04gwb4e2d_jvi.js","async":true,"nonce":"$undefined"}],["$","script","script-14",{"src":"/_next/static/immutable/chunks/1d0p7iz_uoamn.js","async":true,"nonce":"$undefined"}],["$","script","script-15",{"src":"/_next/static/immutable/chunks/3npct6ynhjgdc.js","async":true,"nonce":"$undefined"}]],"$La"]}],"p":false,"v":"$b"},"c":"$Qc"}]] 52:o441,42:X 43:X 0:{"q":"","i":false,"S":true,"r":"$1","t":{"t":{"s":"","h":16410,"d":{"r":["$","$2","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$L7",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2o8tol2508hpa.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1dmv20zxtmyup.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],"p":false,"v":"$8"},"c":"$Q9"},"h":{"r":["$","$2","h",{"children":[null,["$","$L3c","3rtuXH357trp_VCVhsIJsv",{"children":"$L3d"}],["$","$L3f","3rtuXH357trp_VCVhsIJsm",{"children":[["$","div",null,{"hidden":true,"children":["$","$40",null,{"name":"Next.Metadata","children":"$L41"}]}],null]}]]}],"p":false,"v":"$42"}},"s":"$43","a":"$@44","w":"$@45"} 52:o769,46:"SiteNavigationFallback" 47:I[509019,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"$46"] 49:"SiteHeaderSearch" 4a:I[14545,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"$49"] 4b:"SiteHeaderAccountSection" 4c:I[402898,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"$4b"] 4d:I[160001,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"RouteBreadcrumb"] 4e:I[86412,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"NewsletterForm"] 4f:"LoadingBoundaryProvider" 50:I[767001,["$3","$4"],"$4f"] 51:I[437392,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"default"] 53:I[591928,["$3","$4"],"OutletBoundary"] 55:"/_next/static/immutable/chunks/3pv4inq9dkba4.js" 56:"/_next/static/immutable/chunks/0mgtsddbek5xl.js" 57:"/_next/static/immutable/chunks/3a42_msp5owkx.js" 58:"/_next/static/immutable/chunks/0rxk9yvneatec.js" 59:I[902322,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$55","$56","$57","$21","$26","$22","$23","$58","$24"],"ErrorBoundary"] 5d:I[79309,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$55","$56","$57","$21","$26","$22","$23","$58","$24"],"Button"] :HL["/_next/static/immutable/chunks/2760370m9dlsq.css","style"] 8:C 52:o1121,2b:["$","svg",null,{"className":"_4kWFNG_mark","viewBox":"0 0 16 16","fill":"currentColor","role":"img","aria-labelledby":"_S_1_-title","focusable":"false","children":[["$","title",null,{"id":"_S_1_-title","children":"Trending Society"}],false,["$","g",null,{"mask":"$undefined","children":[["$","circle","5.6-0.8",{"cx":5.6,"cy":0.8,"r":0.66}],["$","circle","7.2-0.8",{"cx":7.2,"cy":0.8,"r":0.68}],["$","circle","8.8-0.8",{"cx":8.8,"cy":0.8,"r":0.6}],["$","circle","10.4-0.8",{"cx":10.4,"cy":0.8,"r":0.43}],["$","circle","4-2.4",{"cx":4,"cy":2.4,"r":0.8}],["$","circle","5.6-2.4",{"cx":5.6,"cy":2.4,"r":0.79}],["$","circle","7.2-2.4",{"cx":7.2,"cy":2.4,"r":0.74}],["$","circle","8.8-2.4",{"cx":8.8,"cy":2.4,"r":0.65}],["$","circle","10.4-2.4",{"cx":10.4,"cy":2.4,"r":0.55}],["$","circle","12-2.4",{"cx":12,"cy":2.4,"r":0.42}],["$","circle","2.4-4",{"cx":2.4,"cy":4,"r":0.8}],["$","circle","4-4",{"cx":4,"cy":4,"r":0.81}],["$","circle","5.6-4",{"cx":5.6,"cy":4,"r":0.78}],["$","circle","7.2-4",{"cx":7.2,"cy":4,"r":0.72}],["$","circle","8.8-4",{"cx":8.8,"cy":4,"r":0.64}],["$","circle","10.4-4",{"cx":10.4,"cy":4,"r":0.54}],["$","circle","12-4",{"cx":12,"cy":4,"r":0.42}],["$","circle","13.6-4",{"cx":13.6,"cy":4,"r":0.29}],["$","circle","0.8-5.6",{"cx":0.8,"cy":5.6,"r":0.63}],["$","circle","2.4-5.6",{"cx":2.4,"cy":5.6,"r":0.78}],["$","circle","4-5.6",{"cx":4,"cy":5.6,"r":0.77}],["$","circle","5.6-5.6",{"cx":5.6,"cy":5.6,"r":0.73}],["$","circle","7.2-5.6",{"cx":7.2,"cy":5.6,"r":0.67}],["$","circle","8.8-5.6",{"cx":8.8,"cy":5.6,"r":0.59}],["$","circle","10.4-5.6",{"cx":10.4,"cy":5.6,"r":0.5}],["$","circle","12-5.6",{"cx":12,"cy":5.6,"r":0.39}],["$","circle","13.6-5.6",{"cx":13.6,"cy":5.6,"r":0.28}],["$","circle","15.2-5.6",{"cx":15.2,"cy":5.6,"r":0.24}],["$","circle","0.8-7.2",{"cx":0.8,"cy":7.2,"r":0.65}],["$","circle","2.4-7.2",{"cx":2.4,"cy":7.2,"r":0.71}],["$","circle","4-7.2",{"cx":4,"cy":7.2,"r":0.7}],["$","circle","5.6-7.2",{"cx":5.6,"cy":7.2,"r":0.66}],["$","circle","7.2-7.2",{"cx":7.2,"cy":7.2,"r":0.6}],["$","circle","8.8-7.2",{"cx":8.8,"cy":7.2,"r":0.53}],["$","circle","10.4-7.2",{"cx":10.4,"cy":7.2,"r":0.44}],["$","circle","12-7.2",{"cx":12,"cy":7.2,"r":0.34}],["$","circle","13.6-7.2",{"cx":13.6,"cy":7.2,"r":0.25}],["$","circle","15.2-7.2",{"cx":15.2,"cy":7.2,"r":0.24}],["$","circle","0.8-8.8",{"cx":0.8,"cy":8.8,"r":0.56}],["$","circle","2.4-8.8",{"cx":2.4,"cy":8.8,"r":0.63}],["$","circle","4-8.8",{"cx":4,"cy":8.8,"r":0.62}],["$","circle","5.6-8.8",{"cx":5.6,"cy":8.8,"r":0.58}],["$","circle","7.2-8.8",{"cx":7.2,"cy":8.8,"r":0.52}],["$","circle","8.8-8.8",{"cx":8.8,"cy":8.8,"r":0.45}],["$","circle","10.4-8.8",{"cx":10.4,"cy":8.8,"r":0.37}],["$","circle","12-8.8",{"cx":12,"cy":8.8,"r":0.28}],["$","circle","13.6-8.8",{"cx":13.6,"cy":8.8,"r":0.24}],["$","circle","15.2-8.8",{"cx":15.2,"cy":8.8,"r":0.24}],["$","circle","0.8-10.4",{"cx":0.8,"cy":10.4,"r":0.39}],["$","circle","2.4-10.4",{"cx":2.4,"cy":10.4,"r":0.51}],["$","circle","4-10.4",{"cx":4,"cy":10.4,"r":0.51}],["$","circle","5.6-10.4",{"cx":5.6,"cy":10.4,"r":0.48}],["$","circle","7.2-10.4",{"cx":7.2,"cy":10.4,"r":0.43}],["$","circle","8.8-10.4",{"cx":8.8,"cy":10.4,"r":0.36}],["$","circle","10.4-10.4",{"cx":10.4,"cy":10.4,"r":0.29}],["$","circle","12-10.4",{"cx":12,"cy":10.4,"r":0.24}],["$","circle","13.6-10.4",{"cx":13.6,"cy":10.4,"r":0.24}],["$","circle","15.2-10.4",{"cx":15.2,"cy":10.4,"r":0.24}],["$","circle","2.4-12",{"cx":2.4,"cy":12,"r":0.38}],["$","circle","4-12",{"cx":4,"cy":12,"r":0.39}],["$","circle","5.6-12",{"cx":5.6,"cy":12,"r":0.37}],["$","circle","7.2-12",{"cx":7.2,"cy":12,"r":0.33}],["$","circle","8.8-12",{"cx":8.8,"cy":12,"r":0.28}],["$","circle","10.4-12",{"cx":10.4,"cy":12,"r":0.24}],["$","circle","12-12",{"cx":12,"cy":12,"r":0.24}],["$","circle","13.6-12",{"cx":13.6,"cy":12,"r":0.24}],["$","circle","4-13.6",{"cx":4,"cy":13.6,"r":0.27}],["$","circle","5.6-13.6",{"cx":5.6,"cy":13.6,"r":0.26}],["$","circle","7.2-13.6",{"cx":7.2,"cy":13.6,"r":0.24}],["$","circle","8.8-13.6",{"cx":8.8,"cy":13.6,"r":0.24}],["$","circle","10.4-13.6",{"cx":10.4,"cy":13.6,"r":0.24}],["$","circle","12-13.6",{"cx":12,"cy":13.6,"r":0.24}],["$","circle","5.6-15.2",{"cx":5.6,"cy":15.2,"r":0.24}],["$","circle","7.2-15.2",{"cx":7.2,"cy":15.2,"r":0.24}],["$","circle","8.8-15.2",{"cx":8.8,"cy":15.2,"r":0.24}],["$","circle","10.4-15.2",{"cx":10.4,"cy":15.2,"r":0.24}]]}],false]}] 52:o1000,2c:["$","span",null,{"className":"_4kWFNG_wordmark hVQYYq_className","aria-hidden":"true","data-logo-part":"wordmark","children":["trending",["$","span",null,{"className":"_4kWFNG_muted","children":"society"}]]}] 2d:["$","div",null,{"className":"discovery-header-navigation","children":["$","$40",null,{"fallback":["$","$L47",null,{}],"children":"$L48"}]}] 2e:["$","div",null,{"className":"discovery-header-actions","children":[["$","$L4a",null,{}],["$","$L4c",null,{}]]}] 2f:["$","$40",null,{"fallback":null,"children":["$","$L4d",null,{}]}] 30:["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}] 31:["$","section",null,{"id":"newsletter","className":"_7Etiiq_band","aria-labelledby":"newsletter-band-title","children":["$","div",null,{"className":"_7Etiiq_inner","children":[["$","div",null,{"className":"_7Etiiq_copy","children":[["$","h2",null,{"id":"newsletter-band-title","className":"_7Etiiq_title","children":"The Signal"}],["$","p",null,{"className":"_7Etiiq_line","children":"Useful tools and ideas, in your inbox."}]]}],["$","div",null,{"className":"_7Etiiq_form","children":["$","$L4e",null,{}]}]]}]}] 35:["$","$L50",null,{"loading":[["$","div","l",{"className":"flex min-h-[60vh] w-full items-center justify-center","children":["$","div",null,{"className":"animate-in fade-in duration-200","style":{"animationDelay":"400ms","animationFillMode":"both"},"children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"loader-circle","size":24,"node":[["path",{"d":"M21 12a9 9 0 1 1-6.219-8.56","key":"13zald"}]],"aliases":["loader-2"]},"className":"text-muted-foreground size-6 animate-spin","role":"status","aria-label":"Loading"}]}]}],[],[["$","script","script-0",{"src":"/_next/static/immutable/chunks/1r-5-z6o9h9kf.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 37:["$","$L50",null,{"loading":[["$","div","l",{"className":"flex min-h-[60vh] w-full items-center justify-center","children":["$","div",null,{"className":"animate-in fade-in duration-200","style":{"animationDelay":"400ms","animationFillMode":"both"},"children":["$","$L51",null,{"ref":"$undefined","icon":"$35:props:loading:0:props:children:props:children:props:icon","className":"text-muted-foreground size-6 animate-spin","role":"status","aria-label":"Loading"}]}]}],[],[["$","script","script-0",{"src":"/_next/static/immutable/chunks/1r-5-z6o9h9kf.js","async":true,"nonce":"$undefined"}]]],"children":["$","$2","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]}] 39:["$","$2","c",{"children":[["$","$40",null,{"fallback":["$","div",null,{"className":"flex min-h-[60vh] w-full items-center justify-center","children":["$","div",null,{"className":"animate-in fade-in duration-200","style":{"animationDelay":"400ms","animationFillMode":"both"},"children":["$","$L51",null,{"ref":"$undefined","icon":"$35:props:loading:0:props:children:props:children:props:icon","className":"text-muted-foreground size-6 animate-spin","role":"status","aria-label":"Loading"}]}]}],"children":"$L52"}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2760370m9dlsq.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/313vb959c81vj.js","async":true,"nonce":"$undefined"}],[52:o150,"$","script","script-1",{"src":"/_next/static/immutable/chunks/1n4mmuctc99yx.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/1z298k_mihvw0.js","async":true,"nonce":"$undefined"}]],["$","$L53",null,{"children":["$","$40",null,{"name":"Next.MetadataOutlet","children":"$@54"}]}]]}] 52:oeea,7:["$","div",null,{"className":"discovery-site min-h-dvh","children":["$","div",null,{"className":"flex h-screen flex-1 flex-col","children":["$","div",null,{"className":"relative flex w-full flex-1 flex-col items-center justify-center overflow-hidden px-4","children":[["$","span",null,{"aria-hidden":"true","className":"font-display pointer-events-none absolute top-1/2 left-1/2 z-0 -translate-x-1/2 -translate-y-1/2 text-[16rem] leading-none font-medium tracking-tighter opacity-[0.02] select-none sm:text-[22rem] lg:text-[28rem]","children":["$","$L59",null,{"fallback":"common.pageNotFoundHeading","children":"$L5a"}]}],["$","div",null,{"className":"relative z-10 flex max-w-md flex-col items-center text-center","children":[["$","h1",null,{"className":"font-display ts-h1-item","children":["$","$L59",null,{"fallback":"common.pageNotFound","children":"$L5b"}]}],["$","p",null,{"className":"text-muted-foreground mt-3 max-w-sm text-sm leading-relaxed","children":["$","$L59",null,{"fallback":"common.pageNotFoundSubHeading","children":"$L5c"}]}],["$","div",null,{"className":"mt-8 flex items-center gap-3","children":[["$","$L5d",null,{"data-slot":"button","data-variant":"default","data-size":"default","className":"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","nativeButton":false,"render":["$","$L2a",null,{"href":"/","children":[["$","$L51",null,{"ref":"$undefined","icon":{"name":"arrow-left","size":24,"node":[["path",{"d":"m12 19-7-7 7-7","key":"1l729n"}],["path",{"d":"M19 12H5","key":"x3x0zl"}]]},"className":"mr-1 h-4 w-4"}],["$","$L59",null,{"fallback":"common.backToHomePage","children":"$L5e"}]]}]}],["$","$L5d",null,{"data-slot":"button","data-variant":"ghost","data-size":"default","className":"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","nativeButton":false,"render":["$","$L2a",null,{"href":"/contact","children":[["$","$L51",null,{"ref":"$undefined","icon":{"name":"message-circle-question-mark","size":24,"node":[["path",{"d":"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719","key":"1sd12s"}],["path",{"d":"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3","key":"1u773s"}],["path",{"d":"M12 17h.01","key":"p32p05"}]],"aliases":["message-circle-question"]},"className":"mr-1 h-4 w-4"}],["$","$L59",null,{"fallback":"common.contactUs","children":"$L5f"}]]}]}]]}]]}]]}]}]}] 52:odd,66:I[509019,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"SiteNavigation"] 43:300 b:T6,locale1:T6,locale43:300 52:o18dc,32:["$","footer",null,{"className":"HIwq6G_footer","data-test":"site-footer","children":[["$","div",null,{"className":"HIwq6G_inner HIwq6G_grid","children":["$","$40",null,{"fallback":[["$","div",null,{"className":"HIwq6G_brand","children":[["$","$L2a",null,{"href":"/","className":"discovery-wordmark","children":["$","span",null,{"className":"_4kWFNG_root","data-size":"sm","data-variant":"plain","data-test":"site-logo","children":[["$","svg",null,{"className":"_4kWFNG_mark","viewBox":"0 0 16 16","fill":"currentColor","role":"img","aria-labelledby":"_S_2_-title","focusable":"false","children":[["$","title",null,{"id":"_S_2_-title","children":"Trending Society"}],false,["$","g",null,{"mask":"$undefined","children":[["$","circle","5.6-0.8",{"cx":5.6,"cy":0.8,"r":0.66}],["$","circle","7.2-0.8",{"cx":7.2,"cy":0.8,"r":0.68}],["$","circle","8.8-0.8",{"cx":8.8,"cy":0.8,"r":0.6}],["$","circle","10.4-0.8",{"cx":10.4,"cy":0.8,"r":0.43}],["$","circle","4-2.4",{"cx":4,"cy":2.4,"r":0.8}],["$","circle","5.6-2.4",{"cx":5.6,"cy":2.4,"r":0.79}],["$","circle","7.2-2.4",{"cx":7.2,"cy":2.4,"r":0.74}],["$","circle","8.8-2.4",{"cx":8.8,"cy":2.4,"r":0.65}],["$","circle","10.4-2.4",{"cx":10.4,"cy":2.4,"r":0.55}],["$","circle","12-2.4",{"cx":12,"cy":2.4,"r":0.42}],["$","circle","2.4-4",{"cx":2.4,"cy":4,"r":0.8}],["$","circle","4-4",{"cx":4,"cy":4,"r":0.81}],["$","circle","5.6-4",{"cx":5.6,"cy":4,"r":0.78}],["$","circle","7.2-4",{"cx":7.2,"cy":4,"r":0.72}],["$","circle","8.8-4",{"cx":8.8,"cy":4,"r":0.64}],["$","circle","10.4-4",{"cx":10.4,"cy":4,"r":0.54}],["$","circle","12-4",{"cx":12,"cy":4,"r":0.42}],["$","circle","13.6-4",{"cx":13.6,"cy":4,"r":0.29}],["$","circle","0.8-5.6",{"cx":0.8,"cy":5.6,"r":0.63}],["$","circle","2.4-5.6",{"cx":2.4,"cy":5.6,"r":0.78}],["$","circle","4-5.6",{"cx":4,"cy":5.6,"r":0.77}],["$","circle","5.6-5.6",{"cx":5.6,"cy":5.6,"r":0.73}],["$","circle","7.2-5.6",{"cx":7.2,"cy":5.6,"r":0.67}],["$","circle","8.8-5.6",{"cx":8.8,"cy":5.6,"r":0.59}],["$","circle","10.4-5.6",{"cx":10.4,"cy":5.6,"r":0.5}],["$","circle","12-5.6",{"cx":12,"cy":5.6,"r":0.39}],["$","circle","13.6-5.6",{"cx":13.6,"cy":5.6,"r":0.28}],["$","circle","15.2-5.6",{"cx":15.2,"cy":5.6,"r":0.24}],["$","circle","0.8-7.2",{"cx":0.8,"cy":7.2,"r":0.65}],["$","circle","2.4-7.2",{"cx":2.4,"cy":7.2,"r":0.71}],["$","circle","4-7.2",{"cx":4,"cy":7.2,"r":0.7}],["$","circle","5.6-7.2",{"cx":5.6,"cy":7.2,"r":0.66}],["$","circle","7.2-7.2",{"cx":7.2,"cy":7.2,"r":0.6}],["$","circle","8.8-7.2",{"cx":8.8,"cy":7.2,"r":0.53}],["$","circle","10.4-7.2",{"cx":10.4,"cy":7.2,"r":0.44}],["$","circle","12-7.2",{"cx":12,"cy":7.2,"r":0.34}],["$","circle","13.6-7.2",{"cx":13.6,"cy":7.2,"r":0.25}],["$","circle","15.2-7.2",{"cx":15.2,"cy":7.2,"r":0.24}],["$","circle","0.8-8.8",{"cx":0.8,"cy":8.8,"r":0.56}],["$","circle","2.4-8.8",{"cx":2.4,"cy":8.8,"r":0.63}],["$","circle","4-8.8",{"cx":4,"cy":8.8,"r":0.62}],["$","circle","5.6-8.8",{"cx":5.6,"cy":8.8,"r":0.58}],["$","circle","7.2-8.8",{"cx":7.2,"cy":8.8,"r":0.52}],["$","circle","8.8-8.8",{"cx":8.8,"cy":8.8,"r":0.45}],["$","circle","10.4-8.8",{"cx":10.4,"cy":8.8,"r":0.37}],["$","circle","12-8.8",{"cx":12,"cy":8.8,"r":0.28}],["$","circle","13.6-8.8",{"cx":13.6,"cy":8.8,"r":0.24}],["$","circle","15.2-8.8",{"cx":15.2,"cy":8.8,"r":0.24}],["$","circle","0.8-10.4",{"cx":0.8,"cy":10.4,"r":0.39}],["$","circle","2.4-10.4",{"cx":2.4,"cy":10.4,"r":0.51}],["$","circle","4-10.4",{"cx":4,"cy":10.4,"r":0.51}],["$","circle","5.6-10.4",{"cx":5.6,"cy":10.4,"r":0.48}],["$","circle","7.2-10.4",{"cx":7.2,"cy":10.4,"r":0.43}],["$","circle","8.8-10.4",{"cx":8.8,"cy":10.4,"r":0.36}],["$","circle","10.4-10.4",{"cx":10.4,"cy":10.4,"r":0.29}],["$","circle","12-10.4",{"cx":12,"cy":10.4,"r":0.24}],["$","circle","13.6-10.4",{"cx":13.6,"cy":10.4,"r":0.24}],["$","circle","15.2-10.4",{"cx":15.2,"cy":10.4,"r":0.24}],["$","circle","2.4-12",{"cx":2.4,"cy":12,"r":0.38}],["$","circle","4-12",{"cx":4,"cy":12,"r":0.39}],["$","circle","5.6-12",{"cx":5.6,"cy":12,"r":0.37}],["$","circle","7.2-12",{"cx":7.2,"cy":12,"r":0.33}],["$","circle","8.8-12",{"cx":8.8,"cy":12,"r":0.28}],["$","circle","10.4-12",{"cx":10.4,"cy":12,"r":0.24}],["$","circle","12-12",{"cx":12,"cy":12,"r":0.24}],["$","circle","13.6-12",{"cx":13.6,"cy":12,"r":0.24}],["$","circle","4-13.6",{"cx":4,"cy":13.6,"r":0.27}],["$","circle","5.6-13.6",{"cx":5.6,"cy":13.6,"r":0.26}],["$","circle","7.2-13.6",{"cx":7.2,"cy":13.6,"r":0.24}],["$","circle","8.8-13.6",{"cx":8.8,"cy":13.6,"r":0.24}],["$","circle","10.4-13.6",{"cx":10.4,"cy":13.6,"r":0.24}],["$","circle","12-13.6",{"cx":12,"cy":13.6,"r":0.24}],["$","circle","5.6-15.2",{"cx":5.6,"cy":15.2,"r":0.24}],["$","circle","7.2-15.2",{"cx":7.2,"cy":15.2,"r":0.24}],["$","circle","8.8-15.2",{"cx":8.8,"cy":15.2,"r":0.24}],["$","circle","10.4-15.2",{"cx":10.4,"cy":15.2,"r":0.24}]]}],false]}],["$","span",null,{"className":"_4kWFNG_wordmark hVQYYq_className","aria-hidden":"true","data-logo-part":"wordmark","children":["trending",["$","span",null,{"className":"_4kWFNG_muted","children":"society"}]]}]]}]}],"$undefined"]}],[["$","nav","Library",{"aria-labelledby":"footer-nav-library","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-library","className":"HIwq6G_navTitle","children":"Library"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","skills",{"children":["$","$L2a",null,{"href":"/skills","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Skills"}],false]}]}],["$","li","mcpServers",{"children":["$","$L2a",null,{"href":"/mcp-servers","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"MCP Servers"}],false]}]}],["$","li","openSource",{"children":["$","$L2a",null,{"href":"/open-source","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Open Source"}],false]}]}],["$","li","templates",{"children":["$","$L2a",null,{"href":"/templates","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Templates"}],false]}]}],["$","li","components",{"children":["$","$L2a",null,{"href":"/components","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"UI components"}],false]}]}],["$","li","tools",{"children":["$","$L2a",null,{"href":"/tools","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Tools"}],false]}]}],"$L60"]}]]}],"$L61","$L62","$L63"]],"children":"$L64"}]}],"$L65"]}] 52:o381,48:["$","$L66",null,{"counts":{"skills":253,"skillsCategory-video":22,"skillsCategory-ai":107,"skillsCategory-infrastructure":57,"skillsCategory-coding":40,"skillsCategory-design":17,"skillsCategory-platforms":10,"mcpServers":63054,"mcpCategory-data":9758,"mcpCategory-platforms":8374,"mcpCategory-coding":5734,"mcpCategory-productivity":5482,"mcpCategory-ai":4744,"mcpCategory-infrastructure":3727,"mcpCategory-seo":3700,"mcpCategory-finance":3033,"mcpCategory-security":2960,"mcpCategory-design":2745,"mcpCategory-legal":2573,"mcpCategory-social":1813,"openSource":200,"repoCategory-dev-tools":94,"repoCategory-ai-agents":37,"repoCategory-observability":3,"repoCategory-ml-data":19,"repoCategory-image-video":22,"repoCategory-ai-frameworks":18,"repoCategory-ai-infrastructure":7,"repoGuides":78,"templates":5,"tools":43,"components":53355,"companiesDirectory":78,"readingRoom":514,"feeds":30}}] 52:oc9e,67:"AppearanceSwitch" 68:I[317993,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26"],"$67"] 60:["$","li","cursorLab",{"children":["$","$L2a",null,{"href":"/lab/cursor","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cursor Lab"}],false]}]}] 61:["$","nav","News",{"aria-labelledby":"footer-nav-news","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-news","className":"HIwq6G_navTitle","children":"News"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","readingRoom",{"children":["$","$L2a",null,{"href":"/articles","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Reading room"}],false]}]}],["$","li","channels",{"children":["$","$L2a",null,{"href":"/feeds","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Channels"}],false]}]}]]}]]}] 62:["$","nav","Studio",{"aria-labelledby":"footer-nav-studio","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-studio","className":"HIwq6G_navTitle","children":"Studio"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","about",{"children":["$","$L2a",null,{"href":"/about","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"About"}],false]}]}],["$","li","partner",{"children":["$","$L2a",null,{"href":"/partner","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Work with us"}],false]}]}],["$","li","contact",{"children":["$","$L2a",null,{"href":"/contact","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Contact"}],false]}]}],["$","li","faq",{"children":["$","$L2a",null,{"href":"/faq","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"FAQ"}],false]}]}]]}]]}] 63:["$","nav","Legal",{"aria-labelledby":"footer-nav-legal","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-legal","className":"HIwq6G_navTitle","children":"Legal"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","editorialPolicy",{"children":["$","$L2a",null,{"href":"/editorial-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Editorial policy"}],false]}]}],["$","li","privacy",{"children":["$","$L2a",null,{"href":"/privacy-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Privacy"}],false]}]}],["$","li","terms",{"children":["$","$L2a",null,{"href":"/terms-and-conditions","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Terms"}],false]}]}],["$","li","cookies",{"children":["$","$L2a",null,{"href":"/cookie-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cookies"}],false]}]}]]}]]}] 65:["$","div",null,{"className":"HIwq6G_inner HIwq6G_bottomRow","children":[["$","span",null,{"children":["© ",2026," Trending Society"]}],["$","div",null,{"className":"HIwq6G_bottomEnd","children":[["$","$L68",null,{}],["$","span",null,{"children":"All rights reserved."}]]}]]}] 5a:"404" 5b:"Page not found" 5c:"The page you're looking for doesn't exist or has been moved. Check the URL or head back to the homepage." 5e:"Back to Home" 5f:"Contact Us" 52:o7c,70:I[697223,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c"],"RootProviders"] 52:o18e5,64:[["$","div",null,{"className":"HIwq6G_brand","children":[["$","$L2a",null,{"href":"/","className":"discovery-wordmark","children":["$","span",null,{"className":"_4kWFNG_root","data-size":"sm","data-variant":"plain","data-test":"site-logo","children":[["$","svg",null,{"className":"_4kWFNG_mark","viewBox":"0 0 16 16","fill":"currentColor","role":"img","aria-labelledby":"_S_3_-title","focusable":"false","children":[["$","title",null,{"id":"_S_3_-title","children":"Trending Society"}],false,["$","g",null,{"mask":"$undefined","children":[["$","circle","5.6-0.8",{"cx":5.6,"cy":0.8,"r":0.66}],["$","circle","7.2-0.8",{"cx":7.2,"cy":0.8,"r":0.68}],["$","circle","8.8-0.8",{"cx":8.8,"cy":0.8,"r":0.6}],["$","circle","10.4-0.8",{"cx":10.4,"cy":0.8,"r":0.43}],["$","circle","4-2.4",{"cx":4,"cy":2.4,"r":0.8}],["$","circle","5.6-2.4",{"cx":5.6,"cy":2.4,"r":0.79}],["$","circle","7.2-2.4",{"cx":7.2,"cy":2.4,"r":0.74}],["$","circle","8.8-2.4",{"cx":8.8,"cy":2.4,"r":0.65}],["$","circle","10.4-2.4",{"cx":10.4,"cy":2.4,"r":0.55}],["$","circle","12-2.4",{"cx":12,"cy":2.4,"r":0.42}],["$","circle","2.4-4",{"cx":2.4,"cy":4,"r":0.8}],["$","circle","4-4",{"cx":4,"cy":4,"r":0.81}],["$","circle","5.6-4",{"cx":5.6,"cy":4,"r":0.78}],["$","circle","7.2-4",{"cx":7.2,"cy":4,"r":0.72}],["$","circle","8.8-4",{"cx":8.8,"cy":4,"r":0.64}],["$","circle","10.4-4",{"cx":10.4,"cy":4,"r":0.54}],["$","circle","12-4",{"cx":12,"cy":4,"r":0.42}],["$","circle","13.6-4",{"cx":13.6,"cy":4,"r":0.29}],["$","circle","0.8-5.6",{"cx":0.8,"cy":5.6,"r":0.63}],["$","circle","2.4-5.6",{"cx":2.4,"cy":5.6,"r":0.78}],["$","circle","4-5.6",{"cx":4,"cy":5.6,"r":0.77}],["$","circle","5.6-5.6",{"cx":5.6,"cy":5.6,"r":0.73}],["$","circle","7.2-5.6",{"cx":7.2,"cy":5.6,"r":0.67}],["$","circle","8.8-5.6",{"cx":8.8,"cy":5.6,"r":0.59}],["$","circle","10.4-5.6",{"cx":10.4,"cy":5.6,"r":0.5}],["$","circle","12-5.6",{"cx":12,"cy":5.6,"r":0.39}],["$","circle","13.6-5.6",{"cx":13.6,"cy":5.6,"r":0.28}],["$","circle","15.2-5.6",{"cx":15.2,"cy":5.6,"r":0.24}],["$","circle","0.8-7.2",{"cx":0.8,"cy":7.2,"r":0.65}],["$","circle","2.4-7.2",{"cx":2.4,"cy":7.2,"r":0.71}],["$","circle","4-7.2",{"cx":4,"cy":7.2,"r":0.7}],["$","circle","5.6-7.2",{"cx":5.6,"cy":7.2,"r":0.66}],["$","circle","7.2-7.2",{"cx":7.2,"cy":7.2,"r":0.6}],["$","circle","8.8-7.2",{"cx":8.8,"cy":7.2,"r":0.53}],["$","circle","10.4-7.2",{"cx":10.4,"cy":7.2,"r":0.44}],["$","circle","12-7.2",{"cx":12,"cy":7.2,"r":0.34}],["$","circle","13.6-7.2",{"cx":13.6,"cy":7.2,"r":0.25}],["$","circle","15.2-7.2",{"cx":15.2,"cy":7.2,"r":0.24}],["$","circle","0.8-8.8",{"cx":0.8,"cy":8.8,"r":0.56}],["$","circle","2.4-8.8",{"cx":2.4,"cy":8.8,"r":0.63}],["$","circle","4-8.8",{"cx":4,"cy":8.8,"r":0.62}],["$","circle","5.6-8.8",{"cx":5.6,"cy":8.8,"r":0.58}],["$","circle","7.2-8.8",{"cx":7.2,"cy":8.8,"r":0.52}],["$","circle","8.8-8.8",{"cx":8.8,"cy":8.8,"r":0.45}],["$","circle","10.4-8.8",{"cx":10.4,"cy":8.8,"r":0.37}],["$","circle","12-8.8",{"cx":12,"cy":8.8,"r":0.28}],["$","circle","13.6-8.8",{"cx":13.6,"cy":8.8,"r":0.24}],["$","circle","15.2-8.8",{"cx":15.2,"cy":8.8,"r":0.24}],["$","circle","0.8-10.4",{"cx":0.8,"cy":10.4,"r":0.39}],["$","circle","2.4-10.4",{"cx":2.4,"cy":10.4,"r":0.51}],["$","circle","4-10.4",{"cx":4,"cy":10.4,"r":0.51}],["$","circle","5.6-10.4",{"cx":5.6,"cy":10.4,"r":0.48}],["$","circle","7.2-10.4",{"cx":7.2,"cy":10.4,"r":0.43}],["$","circle","8.8-10.4",{"cx":8.8,"cy":10.4,"r":0.36}],["$","circle","10.4-10.4",{"cx":10.4,"cy":10.4,"r":0.29}],["$","circle","12-10.4",{"cx":12,"cy":10.4,"r":0.24}],["$","circle","13.6-10.4",{"cx":13.6,"cy":10.4,"r":0.24}],["$","circle","15.2-10.4",{"cx":15.2,"cy":10.4,"r":0.24}],["$","circle","2.4-12",{"cx":2.4,"cy":12,"r":0.38}],["$","circle","4-12",{"cx":4,"cy":12,"r":0.39}],["$","circle","5.6-12",{"cx":5.6,"cy":12,"r":0.37}],["$","circle","7.2-12",{"cx":7.2,"cy":12,"r":0.33}],["$","circle","8.8-12",{"cx":8.8,"cy":12,"r":0.28}],["$","circle","10.4-12",{"cx":10.4,"cy":12,"r":0.24}],["$","circle","12-12",{"cx":12,"cy":12,"r":0.24}],["$","circle","13.6-12",{"cx":13.6,"cy":12,"r":0.24}],["$","circle","4-13.6",{"cx":4,"cy":13.6,"r":0.27}],["$","circle","5.6-13.6",{"cx":5.6,"cy":13.6,"r":0.26}],["$","circle","7.2-13.6",{"cx":7.2,"cy":13.6,"r":0.24}],["$","circle","8.8-13.6",{"cx":8.8,"cy":13.6,"r":0.24}],["$","circle","10.4-13.6",{"cx":10.4,"cy":13.6,"r":0.24}],["$","circle","12-13.6",{"cx":12,"cy":13.6,"r":0.24}],["$","circle","5.6-15.2",{"cx":5.6,"cy":15.2,"r":0.24}],["$","circle","7.2-15.2",{"cx":7.2,"cy":15.2,"r":0.24}],["$","circle","8.8-15.2",{"cx":8.8,"cy":15.2,"r":0.24}],["$","circle","10.4-15.2",{"cx":10.4,"cy":15.2,"r":0.24}]]}],false]}],["$","span",null,{"className":"_4kWFNG_wordmark hVQYYq_className","aria-hidden":"true","data-logo-part":"wordmark","children":["trending",["$","span",null,{"className":"_4kWFNG_muted","children":"society"}]]}]]}]}],"$undefined"]}],[["$","nav","Library",{"aria-labelledby":"footer-nav-library","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-library","className":"HIwq6G_navTitle","children":"Library"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","skills",{"children":["$","$L2a",null,{"href":"/skills","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Skills"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":253,"children":"253"}]]}]}],["$","li","mcpServers",{"children":["$","$L2a",null,{"href":"/mcp-servers","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"MCP Servers"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":63054,"children":"63,054"}]]}]}],["$","li","openSource",{"children":["$","$L2a",null,{"href":"/open-source","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Open Source"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":200,"children":"200"}]]}]}],["$","li","templates",{"children":["$","$L2a",null,{"href":"/templates","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Templates"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":5,"children":"5"}]]}]}],["$","li","components",{"children":["$","$L2a",null,{"href":"/components","className":"HIwq6G_navLink","children":["$L69","$L6a"]}]}],"$L6b","$L6c"]}]]}],"$L6d","$L6e","$L6f"]] 52:o9d86,a:["$","html",null,{"lang":"en","className":"bg-background min-h-screen antialiased md:overscroll-y-none","suppressHydrationWarning":true,"children":["$","body",null,{"children":["$","$L70",null,{"locale":"en","nonce":"$undefined","messages":{"common":{"homeTabLabel":"Home","homeTabDescription":"Welcome to your home page","accountMembers":"Team Members","membersTabDescription":"Here you can manage the members of your team.","billingTabLabel":"Billing","billingTabDescription":"Manage your billing and subscription","dashboardTabLabel":"Dashboard","settingsTabLabel":"Settings","profileSettingsTabLabel":"Profile","subscriptionSettingsTabLabel":"Subscription","dashboardTabDescription":"An overview of your account's activity and performance across all your projects.","settingsTabDescription":"Manage your settings and preferences.","emailAddress":"Email Address","password":"Password","modalConfirmationQuestion":"Are you sure you want to continue?","imageInputLabel":"Click here to upload an image","cancel":"Cancel","clear":"Clear","notFound":"Not Found","backToHomePage":"Back to Home","goBack":"Try Again","genericServerError":"Sorry, something went wrong.","genericServerErrorHeading":"Sorry, something went wrong while processing your request. Please contact us if the issue persists.","pageNotFound":"Page not found","pageNotFoundSubHeading":"The page you're looking for doesn't exist or has been moved. Check the URL or head back to the homepage.","genericError":"Something went wrong","genericErrorSubHeading":"We ran into an unexpected issue. Please try again, and if the problem persists, reach out to our support team.","anonymousUser":"Anonymous","tryAgain":"Try Again","theme":"Theme","lightTheme":"Light","darkTheme":"Dark","systemTheme":"System","expandSidebar":"Expand Sidebar","collapseSidebar":"Collapse Sidebar","documentation":"Documentation","pricing":"Pricing","getStarted":"Get Started","getStartedWithPlan":"Get Started with {plan}","retry":"Retry","contactUs":"Contact Us","loading":"Loading. Please wait...","yourAccounts":"Your Accounts","continueKey":"Continue","skip":"Skip","info":"Info","signedInAs":"Signed in as","pageOfPages":"Page {page} of {total}","showingRecordCount":"Showing {pageSize} of {totalCount} rows","noData":"No data available","pageNotFoundHeading":"404","errorPageHeading":"500","notifications":"Notifications","noNotifications":"No notifications","justNow":"Just now","newVersionAvailable":"New version available","newVersionAvailableDescription":"A new version of the app is available. It is recommended to refresh the page to get the latest updates and avoid any issues.","newVersionSubmitButton":"Reload and Update","back":"Back","routes":{"home":"Home","account":"Account","members":"Members","billing":"Billing","dashboard":"Dashboard","settings":"Settings","profile":"Profile","application":"Application"},"roles":{"owner":{"label":"Owner"},"member":{"label":"Member"}},"otp":{"requestVerificationCode":"Request Verification Code","requestVerificationCodeDescription":"We must verify your identity to continue with this action. We'll send a verification code to the email address {email}.","sendingCode":"Sending Code...","sendVerificationCode":"Send Verification Code","enterVerificationCode":"Enter Verification Code","codeSentToEmail":"We've sent a verification code to the email address {email}.","verificationCode":"Verification Code","enterCodeFromEmail":"Enter the 6-digit code we sent to your email.","verifying":"Verifying...","verifyCode":"Verify Code","requestNewCode":"Request New Code","errorSendingCode":"Error sending code. Please try again.","invalidCodeHeading":"That code didn't work","invalidCodeDescription":"It may be from an older email, or it was mistyped. Request a new code and use the one in the latest email."},"dropzone":{"success":"Successfully uploaded {count} file(s)","error":"Error uploading {count} file(s)","errorMessageUnknown":"An unknown error occurred.","errorMessageFileUnknown":"Unknown file","errorMessageFileSizeUnknown":"Unknown file size","errorMessageFileSizeTooSmall":"File size is too small","errorMessageFileSizeTooLarge":"File size is too large","uploading":"Uploading...","uploadFiles":"Upload {count} file(s)","maxFileSize":"Maximum file size: {size}","maxFiles":"You may upload only up to {count} files, please remove {files} files.","dragAndDrop":"Drag and drop or","select":"select files","toUpload":"to upload"}},"auth":{"signUpHeading":"Create an account","signUp":"Sign Up","signUpSubheading":"Fill the form below to create an account.","signInHeading":"Sign in to {productName}","signInSubheading":"Welcome back! Please enter your details","signIn":"Sign In","getStarted":"Get started","updatePassword":"Update Password","signOut":"Sign out","signingIn":"Signing in...","signingUp":"Signing up...","verifyingCaptcha":"Checking you're not a robot...","doNotHaveAccountYet":"Do not have an account yet?","alreadyHaveAnAccount":"Already have an account?","signUpToAcceptInvite":"Please sign in/up to accept the invite","clickToAcceptAs":"Click the button below to accept the invite with as {email}","acceptInvite":"Accept invite","acceptingInvite":"Accepting Invite...","acceptInviteSuccess":"Invite successfully accepted","acceptInviteError":"Error encountered while accepting invite","acceptInviteWithDifferentAccount":"Want to accept the invite with a different account?","alreadyHaveAccountStatement":"I already have an account, I want to sign in instead","doNotHaveAccountStatement":"I do not have an account, I want to sign up instead","signInWithProvider":"Sign in with {provider}","signInWithPasskey":"Sign in with Passkey","signInWithPhoneNumber":"Sign in with Phone Number","signInWithEmail":"Sign in with Email","signUpWithEmail":"Sign up with Email","passwordHint":"Ensure it's at least 8 characters","repeatPasswordDescription":"Type your password again","repeatPassword":"Repeat password","passwordForgottenQuestion":"Forgot Password?","passwordResetLabel":"Reset Password","passwordResetSubheading":"Enter your email address below. You will receive a link to reset your password.","passwordResetSuccessMessage":"Check your Inbox! We emailed you a link for resetting your Password.","passwordRecoveredQuestion":"Password recovered?","passwordLengthError":"Please provide a password with at least 6 characters","sendEmailLink":"Send Email Link","sendingEmailLink":"Sending Email Link...","sendLinkSuccessDescription":"Check your email, we just sent you a link. Follow the link to sign in.","sendLinkSuccess":"We sent you a link by email","sendLinkSuccessToast":"Link successfully sent","getNewLink":"Get a new link","verifyCodeHeading":"Verify your account","verificationCode":"Verification Code","verificationCodeHint":"Enter the code we sent you by SMS","verificationCodeSubmitButtonLabel":"Submit Verification Code","sendingMfaCode":"Sending Verification Code...","verifyingMfaCode":"Verifying code...","sendMfaCodeError":"Sorry, we couldn't send you a verification code","verifyMfaCodeSuccess":"Code verified! Signing you in...","verifyMfaCodeError":"Ops! It looks like the code is not correct","reauthenticate":"Reauthenticate","reauthenticateDescription":"For security reasons, we need you to re-authenticate","errorAlertHeading":"Sorry, we could not authenticate you","emailConfirmationAlertHeading":"We sent you a confirmation email.","emailConfirmationAlertBody":"Welcome! Please check your email and click the link to verify your account.","resendLink":"Resend link","resendingLink":"Resending link...","resendLinkSuccessDescription":"We sent you a new link to your email! Follow the link to sign in.","resendLinkSuccess":"Check your email!","authenticationErrorAlertHeading":"Authentication Error","authenticationErrorAlertBody":"Sorry, we could not authenticate you. Please try again.","sendEmailCode":"Get code to your Email","sendingEmailCode":"Sending code...","resetPasswordError":"Sorry, we could not reset your password. Please try again.","emailPlaceholder":"your@email.com","inviteAlertHeading":"You have been invited to join a team","inviteAlertBody":"Please sign in or sign up to accept the invite and join the team.","acceptTermsAndConditions":"I accept the Terms of Service and Privacy Policy","termsOfService":"Terms of Service","privacyPolicy":"Privacy Policy","orContinueWith":"Or continue with","redirecting":"You're in! Please wait...","lastUsedMethod":"Last used","methodPassword":"email and password","methodOtp":"OTP code","methodMagicLink":"email link","methodOauth":"social sign-in","methodOauthWithProvider":"{providerName}","methodPasskey":"a passkey","methodDefault":"another method","existingAccountHint":"You previously signed in with {methodName}. Already have an account?","linkAccountToSignIn":"Link account to sign in","linkAccountToSignInDescription":"Add one or more sign-in methods to your account","noIdentityLinkedTitle":"No authentication method added","noIdentityLinkedDescription":"You haven't added any authentication methods yet. Are you sure you want to continue? You can set up sign-in methods later in your personal account settings.","errors":{"invalid_credentials":"The credentials entered are invalid","Invalid login credentials":"The credentials entered are invalid","user_already_exists":"This credential is already in use. Please try with another one.","User already registered":"This credential is already in use. Please try with another one.","email_not_confirmed":"Please confirm your email address before signing in","Email not confirmed":"Please confirm your email address before signing in","user_banned":"This account has been banned. Please contact support.","default":"We have encountered an error. Please ensure you have a working internet connection and try again","generic":"Sorry, we weren't able to authenticate you. Please try again.","linkTitle":"Sign in failed","linkDescription":"Sorry, we weren't able to sign you in. Please try again.","invalidEmail":"Please enter a valid email address","codeVerifierMismatch":"It looks like you're trying to sign in using a different browser than the one you used to request the sign in link. Please try again using the same browser.","minPasswordLength":"Password must be at least 8 characters long","passwordsDoNotMatch":"The passwords do not match","minPasswordNumbers":"Password must contain at least one number","minPasswordSpecialChars":"Password must contain at least one special character","signup_disabled":"Signups are not currently allowed. Please contact support.","Signups not allowed for otp":"OTP is disabled. Please enable it in your account settings.","uppercasePassword":"Password must contain at least one uppercase letter","insufficient_aal":"Please sign-in with your current multi-factor authentication to perform this action","otp_expired":"The email link has expired. Please try again.","same_password":"The password cannot be the same as the current password","over_email_send_rate_limit":"Too many emails requested for this address. Please wait a minute and try again.","email_address_invalid":"This email address cannot be used. Please try a different one.","validation_failed":"Please check the details you entered and try again.","weak_password":"This password is too weak. Please choose a stronger one.","weakPassword":{"title":"Password is too weak","description":"Your password does not meet the security requirements:","reasons":{"length":"Password must be at least 8 characters long","characters":"Password must contain lowercase, uppercase, numbers, and special characters","pwned":"This password has been found in a data breach. Please choose a different password"}}}},"account":{"accountTabLabel":"Account Settings","accountTabDescription":"Manage your account settings","homePage":"Home","billingTab":"Billing","settingsTab":"Settings","multiFactorAuth":"Multi-Factor Authentication","multiFactorAuthDescription":"Set up Multi-Factor Authentication method to further secure your account","nameMinLength":"Your name must be at least 2 characters","passkeys":"Passkeys","passkeysDescription":"Sign in faster and more securely with passkeys using your device's biometrics or security key","loadingPasskeys":"Loading passkeys...","passkeysListError":"Error loading passkeys","passkeysListErrorDescription":"Sorry, we couldn't load your passkeys. Please try again.","passkeysEmptyHeading":"No passkeys yet","passkeysEmptyDescription":"Add a passkey to sign in without a password using your device's biometrics or a security key.","passkeyDefaultName":"Passkey","passkeyCreatedAt":"Added on {date}","registerPasskeyButtonLabel":"Add a passkey","registeringPasskey":"Registering passkey...","registerPasskeySuccess":"Passkey successfully registered","registerPasskeyError":"Sorry, we couldn't register your passkey. Please try again.","deletePasskeyTooltip":"Delete this passkey","deletingPasskey":"Deleting passkey...","deletePasskeySuccess":"Passkey successfully deleted","deletePasskeyError":"Sorry, we couldn't delete your passkey. Please try again.","deletePasskeyModalHeading":"Delete Passkey","deletePasskeyModalDescription":"You're about to delete this passkey. You will no longer be able to use it to sign in to your account.","deletePasskeyModalButtonLabel":"Yes, delete passkey","updateProfileSuccess":"Profile successfully updated","updateProfileError":"Encountered an error. Please try again","updatePasswordSuccess":"Password update request successful","updatePasswordSuccessMessage":"Your password has been successfully updated!","updatePasswordError":"Encountered an error. Please try again","updatePasswordLoading":"Updating password...","updateProfileLoading":"Updating profile...","name":"Your Name","nameDescription":"Update your name to be displayed on your profile","duplicateNameError":"Please choose a different name","emailLabel":"Email Address","accountImage":"Your Profile Picture","accountImageDescription":"Please choose a photo to upload as your profile picture.","profilePictureHeading":"Upload a Profile Picture","profilePictureSubheading":"Choose a photo to upload as your profile picture.","updateProfileSubmitLabel":"Update Profile","updatePasswordCardTitle":"Update your Password","updatePasswordCardDescription":"Update your password to keep your account secure.","currentPassword":"Current Password","newPassword":"New Password","repeatPassword":"Repeat New Password","repeatPasswordDescription":"Please repeat your new password to confirm it","yourPassword":"Your Password","updatePasswordSubmitLabel":"Update Password","updateEmailCardTitle":"Update your Email","updateEmailCardDescription":"Update your email address you use to login to your account","newEmail":"Your New Email","repeatEmail":"Repeat Email","updateEmailSubmitLabel":"Update Email Address","updateEmailSuccess":"Email update request successful","updateEmailSuccessMessage":"We sent you an email to confirm your new email address. Please check your inbox and click on the link to confirm your new email address.","updateEmailLoading":"Updating your email...","updateEmailError":"Email not updated. Please try again","passwordNotMatching":"Passwords do not match. Make sure you're using the correct password","emailNotMatching":"Emails do not match. Make sure you're using the correct email","passwordNotChanged":"Your password has not changed","emailsNotMatching":"Emails do not match. Make sure you're using the correct email","cannotUpdatePassword":"You cannot update your password because your account is not linked to an email.","setupMfaButtonLabel":"Setup a new Factor","multiFactorSetupErrorHeading":"Setup Failed","multiFactorSetupErrorDescription":"Sorry, there was an error while setting up your factor. Please try again.","multiFactorAuthHeading":"Secure your account with Multi-Factor Authentication","multiFactorModalHeading":"Use your authenticator app to scan the QR code below. Then enter the code generated.","factorNameLabel":"A memorable name to identify this factor","factorNameHint":"Use an easy-to-remember name to easily identify this factor in the future. Ex. iPhone 14","factorNameSubmitLabel":"Set factor name","unenrollTooltip":"Unenroll this factor","unenrollingFactor":"Unenrolling factor...","unenrollFactorSuccess":"Factor successfully unenrolled","unenrollFactorError":"Unenrolling factor failed","factorsListError":"Error loading factors list","factorsListErrorDescription":"Sorry, we couldn't load the factors list. Please try again.","factorName":"Factor Name","factorType":"Type","factorStatus":"Status","mfaEnabledSuccessTitle":"Multi-Factor authentication is enabled","mfaEnabledSuccessDescription":"Congratulations! You have successfully enrolled in the multi factor authentication process. You will now be able to access your account with a combination of your password and an authentication code sent to your phone number.","verificationCode":"Verification Code","addEmailAddress":"Add Email address","verifyActivationCodeDescription":"Enter the 6-digit code generated by your authenticator app in the field above","loadingFactors":"Loading factors...","enableMfaFactor":"Enable Factor","disableMfaFactor":"Disable Factor","qrCodeErrorHeading":"QR Code Error","qrCodeErrorDescription":"Sorry, we weren't able to generate the QR code","multiFactorSetupSuccess":"Factor successfully enrolled","submitVerificationCode":"Submit Verification Code","mfaEnabledSuccessAlert":"Multi-Factor authentication is enabled","verifyingCode":"Verifying code...","invalidVerificationCodeHeading":"Invalid Verification Code","invalidVerificationCodeDescription":"The verification code you entered is invalid. Please try again.","unenrollFactorModalHeading":"Unenroll Factor","unenrollFactorModalDescription":"You're about to unenroll this factor. You will not be able to use it to login to your account.","unenrollFactorModalBody":"You're about to unenroll this factor. You will not be able to use it to login to your account.","unenrollFactorModalButtonLabel":"Yes, unenroll factor","selectFactor":"Choose a factor to verify your identity","disableMfa":"Disable Multi-Factor Authentication","disableMfaButtonLabel":"Disable MFA","confirmDisableMfaButtonLabel":"Yes, disable MFA","disablingMfa":"Disabling Multi-Factor Authentication. Please wait...","disableMfaSuccess":"Multi-Factor Authentication successfully disabled","disableMfaError":"Sorry, we encountered an error. MFA has not been disabled.","sendingEmailVerificationLink":"Sending Email...","sendEmailVerificationLinkSuccess":"Verification link successfully sent","sendEmailVerificationLinkError":"Sorry, we weren't able to send you the email","sendVerificationLinkSubmitLabel":"Send Verification Link","sendVerificationLinkSuccessLabel":"Email sent! Check your Inbox","verifyEmailAlertHeading":"Please verify your email to enable MFA","verificationLinkAlertDescription":"Your email is not yet verified. Please verify your email to be able to set up Multi-Factor Authentication.","authFactorName":"Factor Name (optional)","authFactorNameHint":"Assign a name that helps you remember the phone number used","loadingUser":"Loading user details. Please wait...","linkPhoneNumber":"Link Phone Number","dangerZone":"Danger Zone","dangerZoneDescription":"Some actions cannot be undone. Please be careful.","deleteAccount":"Delete your Account","deletingAccount":"Deleting account. Please wait...","deleteAccountDescription":"This will delete your account and the accounts you own. Furthermore, we will immediately cancel any active subscriptions. This action cannot be undone.","deleteProfileConfirmationInputLabel":"Type DELETE to confirm","deleteAccountErrorHeading":"Sorry, we couldn't delete your account","needsReauthentication":"Reauthentication Required","needsReauthenticationDescription":"You need to reauthenticate to change your password. Please sign out and sign in again to change your password.","language":"Language","languageDescription":"Choose your preferred language","noTeamsYet":"You don't have any teams yet.","createTeam":"Create a team to get started.","createTeamButtonLabel":"Create a Team","linkedAccounts":"Linked Accounts","linkedAccountsDescription":"Connect other authentication providers","unlinkAccountButton":"Unlink {provider}","unlinkAccountSuccess":"Account unlinked","unlinkAccountError":"Unlinking failed","linkAccountSuccess":"Account linked","linkAccountError":"Linking failed","linkEmailPasswordButton":"Add Email & Password","linkEmailPasswordSuccess":"Email and password linked","linkEmailPasswordError":"Failed to link email and password","linkingAccount":"Linking account...","accountLinked":"Account linking request sent. Please wait...","unlinkAccount":"Unlink Account","failedToLinkAccount":"Failed to link account","availableMethods":"Available Methods","availableMethodsDescription":"Connect your account to one or more of the following methods to sign in","linkedMethods":"Sign-in methods linked to your account","alreadyLinkedMethodsDescription":"You have already linked these accounts","confirmUnlinkAccount":"You are unlinking this provider.","unlinkAccountConfirmation":"Are you sure you want to unlink this provider from your account? This action cannot be undone.","unlinkingAccount":"Unlinking account...","accountUnlinked":"Account successfully unlinked","linkEmailPassword":"Email & Password","linkEmailPasswordDescription":"Add password authentication to your account","noAccountsAvailable":"No other method is available at this time","linkAccountDescription":"Link account to sign in with {provider}","updatePasswordDescription":"Add password authentication to your account","setEmailAddress":"Set Email Address","setEmailDescription":"Add an email address to your account","setEmailSuccess":"Email set successfully","setEmailSuccessMessage":"We sent you an email to confirm your email address. Please check your inbox and click on the link to confirm your email address.","setEmailLoading":"Setting your email...","setEmailError":"Email not set. Please try again","emailNotChanged":"Your email address has not changed"},"teams":{"home":{"pageTitle":"Home"},"settings":{"pageTitle":"Settings","pageDescription":"Manage your Team details","teamLogo":"Team Logo","teamLogoDescription":"Update your team's logo to make it easier to identify","teamName":"Team Name","teamNameDescription":"Update your team's name","dangerZone":"Danger Zone","dangerZoneDescription":"This section contains actions that are irreversible"},"members":{"pageTitle":"Members"},"billing":{"pageTitle":"Billing"},"switchWorkspace":"Switch Workspace","yourTeams":"Your Teams ({teamsCount})","createTeam":"Create a Team","creatingTeam":"Creating Team...","personalAccount":"Personal Account","searchAccount":"Search Account...","membersTabLabel":"Members","memberName":"Name","youLabel":"You","emailLabel":"Email","roleLabel":"Role","primaryOwnerLabel":"Primary Owner","joinedAtLabel":"Joined at","invitedAtLabel":"Invited at","inviteMembersPageSubheading":"Invite members to your Team","createTeamModalHeading":"Create Team","createTeamModalDescription":"Create a new Team to manage your projects and members.","teamNameLabel":"Team Name","teamNameDescription":"Your team name should be unique and descriptive","createTeamSubmitLabel":"Create Team","createFirstTeamHeading":"Create your first team","createFirstTeamDescription":"Create your first team and start collaborating with your teammates.","getStarted":"Get Started","createTeamSuccess":"Team created successfully","createTeamError":"Team not created. Please try again.","createTeamLoading":"Creating team...","duplicateNameError":"This name is the same as the current one. Please choose a different one.","settingsPageLabel":"General","createTeamDropdownLabel":"New team","changeRole":"Change Role","removeMember":"Remove from Account","inviteMembersSuccess":"Members invited successfully!","inviteMembersError":"Sorry, we encountered an error! Please try again","inviteMembersLoading":"Inviting members...","removeInviteButtonLabel":"Remove invite","addAnotherMemberButtonLabel":"Add another one","inviteMembersButtonLabel":"Send Invites","removeMemberModalHeading":"You are removing this user","removeMemberModalDescription":"Remove this member from the team. They will no longer have access to the team.","removeMemberSuccessMessage":"Member removed successfully","removeMemberErrorMessage":"Sorry, we encountered an error. Please try again","removeMemberErrorHeading":"Sorry, we couldn't remove the selected member.","removeMemberLoadingMessage":"Removing member...","removeMemberSubmitLabel":"Remove User from Team","chooseDifferentRoleError":"Role is the same as the current one","updateRole":"Update Role","updateRoleLoadingMessage":"Updating role...","updateRoleSuccessMessage":"Role updated successfully","updatingRoleErrorMessage":"Sorry, we encountered an error. Please try again.","updateMemberRoleModalHeading":"Update Member's Role","updateMemberRoleModalDescription":"Change the role of the selected member. The role determines the permissions of the member.","roleMustBeDifferent":"Role must be different from the current one","memberRoleInputLabel":"Member role","updateRoleDescription":"Pick a role for this member.","updateRoleSubmitLabel":"Update Role","transferOwnership":"Transfer Ownership","transferOwnershipDescription":"Transfer ownership of the team to another member.","transferOwnershipInputLabel":"Please type TRANSFER to confirm the transfer of ownership.","transferOwnershipInputDescription":"By transferring ownership, you will no longer be the primary owner of the team.","deleteInvitation":"Delete Invitation","deleteInvitationDialogDescription":"You are about to delete the invitation. The user will no longer be able to join the team.","deleteInviteSuccessMessage":"Invite deleted successfully","deleteInviteErrorMessage":"Invite not deleted. Please try again.","deleteInviteLoadingMessage":"Deleting invite. Please wait...","confirmDeletingMemberInvite":"You are deleting the invite to {email}","transferOwnershipDisclaimer":"You are transferring ownership of the selected team to {member}.","transferringOwnership":"Transferring ownership...","transferOwnershipSuccess":"Ownership successfully transferred","transferOwnershipError":"Sorry, we could not transfer ownership to the selected member. Please try again.","deleteInviteSubmitLabel":"Delete Invite","youBadgeLabel":"You","updateTeamLoadingMessage":"Updating Team...","updateTeamSuccessMessage":"Team successfully updated","updateTeamErrorMessage":"Could not update Team. Please try again.","updateLogoErrorMessage":"Could not update Logo. Please try again.","teamNameInputLabel":"Team Name","teamLogoInputHeading":"Upload your team's Logo","teamLogoInputSubheading":"Please choose a photo to upload as your team logo.","updateTeamSubmitLabel":"Update Team","inviteMembersHeading":"Invite Members to your Team","inviteMembersDescription":"Invite members to your team by entering their email and role.","emailPlaceholder":"member@email.com","membersPageHeading":"Members","inviteMembersButton":"Invite Members","invitingMembers":"Inviting members...","inviteMembersSuccessMessage":"Members invited successfully","inviteMembersErrorMessage":"Sorry, members could not be invited. Please try again.","pendingInvitesHeading":"Pending Invites","pendingInvitesDescription":" Here you can manage the pending invitations to your team.","noPendingInvites":"No pending invites found","loadingMembers":"Loading members...","loadMembersError":"Sorry, we couldn't fetch your team's members.","loadInvitedMembersError":"Sorry, we couldn't fetch your team's invited members.","loadingInvitedMembers":"Loading invited members...","invitedBadge":"Invited","duplicateInviteEmailError":"You have already entered this email address","invitingOwnAccountError":"Hey, that's your email!","dangerZone":"Danger Zone","dangerZoneSubheading":"Delete or leave your team","deleteTeam":"Delete Team","deleteTeamDescription":"This action cannot be undone. All data associated with this team will be deleted.","deletingTeam":"Deleting team","deleteTeamModalHeading":"Deleting Team","deletingTeamDescription":"You are about to delete the team {teamName}. This action cannot be undone.","deleteTeamInputField":"Type the name of the team to confirm","leaveTeam":"Leave Team","leavingTeamModalHeading":"Leaving Team","leavingTeamModalDescription":"You are about to leave this team. You will no longer have access to it.","leaveTeamDescription":"Click the button below to leave the team. Remember, you will no longer have access to it and will need to be re-invited to join.","deleteTeamDisclaimer":"You are deleting the team {teamName}. This action cannot be undone.","leaveTeamDisclaimer":"You are leaving the team {teamName}. You will no longer have access to it.","deleteTeamErrorHeading":"Sorry, we couldn't delete your team.","leaveTeamErrorHeading":"Sorry, we couldn't leave your team.","searchMembersPlaceholder":"Search members","createTeamErrorHeading":"Sorry, we couldn't create your team.","createTeamErrorMessage":"We encountered an error creating your team. Please try again.","transferTeamErrorHeading":"Sorry, we couldn't transfer ownership of your team.","transferTeamErrorMessage":"We encountered an error transferring ownership of your team. Please try again.","updateRoleErrorHeading":"Sorry, we couldn't update the role of the selected member.","updateRoleErrorMessage":"We encountered an error updating the role of the selected member. Please try again.","searchInvitations":"Search Invitations","updateInvitation":"Update Invitation","removeInvitation":"Remove Invitation","acceptInvitation":"Accept Invitation","renewInvitation":"Renew Invitation","resendInvitation":"Resend Invitation","expiresAtLabel":"Expires at","expired":"Expired","active":"Active","inviteStatus":"Status","inviteNotFoundOrExpired":"Invite not found or expired","inviteNotFoundOrExpiredDescription":"The invite you are looking for is either expired or does not exist. Please contact the team owner to renew the invite.","inviteErrorHeading":"We couldn't process your invitation","inviteErrorInvalidLink":"This invitation link is invalid. Please contact the team owner to send a new invite.","inviteErrorNotFound":"This invitation is either expired or does not exist. Please contact the team owner to renew the invite.","inviteErrorUnknown":"Something went wrong while processing your invitation. Please try again, or contact the team owner to send a new invite.","acceptInvitationErrorTitle":"Sorry, we couldn't accept the invitation.","acceptInvitationErrorDescription":"We encountered an error accepting the invitation. Please try again, or contact the team owner to send a new invite.","backToHome":"Back to Home","renewInvitationDialogDescription":"You are about to renew the invitation to {email}. The user will be able to join the team.","renewInvitationErrorTitle":"Sorry, we couldn't renew the invitation.","renewInvitationErrorDescription":"We encountered an error renewing the invitation. Please try again.","signInWithDifferentAccount":"Sign in with a different account","signInWithDifferentAccountDescription":"If you wish to accept the invitation with a different account, please sign out and back in with the account you wish to use.","acceptInvitationHeading":"Join {accountName}","acceptInvitationDescription":"Click the button below to accept the invitation to join {accountName}","continueAs":"Continue as {email}","joinTeamAccount":"Join Team","joiningTeam":"Joining team...","leaveTeamInputLabel":"Please type LEAVE to confirm leaving the team.","leaveTeamInputDescription":"By leaving the team, you will no longer have access to it.","reservedNameError":"This name is reserved. Please choose a different one.","specialCharactersError":"This name cannot contain special characters. Please choose a different one.","teamNameMinLength":"Team name must be at least 2 characters","teamNameMaxLength":"Team name must be at most 50 characters","slugMinLength":"Team URL must be at least 2 characters","slugMaxLength":"Team URL must be at most 50 characters","teamSlugLabel":"Team URL","teamSlugDescription":"Only English letters (a-z), numbers (0-9), and hyphens (-) are allowed. Example: my-team-name","slugRequiredForNonLatinName":"Since your team name uses non-English characters, please provide a URL using only English letters","invalidSlugError":"Only English letters (a-z), numbers (0-9), and hyphens (-) are allowed","duplicateSlugError":"This URL is already taken. Please choose a different one.","checkingPolicies":"Loading. Please wait...","policyCheckError":"We are unable to verify invitations restrictions. Please try again.","invitationsBlockedMultiple":"Invitations are currently not allowed for the following reasons:","invitationsBlockedDefault":"Invitations are currently not allowed due to policy restrictions.","policyErrors":{"subscriptionRequired":"An active subscription is required to invite team members.","paddleTrialRestriction":"Cannot invite members during trial period with per-seat billing on Paddle."},"policyRemediation":{"subscriptionRequired":"Please upgrade your plan or activate your subscription","paddleTrialRestriction":"Wait until trial period ends or upgrade to full plan"}},"billing":{"units":{"member_one":"member","member_other":"members"},"subscriptionTabSubheading":"Manage your Subscription and Billing","planCardTitle":"Your Plan","planCardDescription":"Below are the details of your current plan. You can change your plan or cancel your subscription at any time.","planRenewal":"Renews every {interval} at {price}","planDetails":"Plan Details","checkout":"Proceed to Checkout","trialAlertTitle":"Your Trial is ending soon","trialAlertDescription":"Your trial ends on {date}. Upgrade to a paid plan to continue using all features.","billingPortalCardButton":"Visit Billing Portal","billingPortalCardTitle":"Manage your Billing Details","billingPortalCardDescription":"Visit your Billing Portal to manage your subscription and billing. You can update or cancel your plan, or download your invoices.","cancelAtPeriodEndDescription":"Your subscription is scheduled to be canceled on {endDate}.","renewAtPeriodEndDescription":"Your subscription is scheduled to be renewed on {endDate}","noPermissionsAlertHeading":"You don't have permissions to change the billing settings","noPermissionsAlertBody":"Please contact your account owner to change the billing settings for your account.","checkoutSuccessTitle":"Done! You're all set.","checkoutSuccessDescription":"Thank you for subscribing, we have successfully processed your subscription! A confirmation email will be sent to {customerEmail}.","checkoutSuccessBackButton":"Proceed to App","cannotManageBillingAlertTitle":"You cannot manage billing","cannotManageBillingAlertDescription":"You do not have permissions to manage billing. Please contact your account owner.","manageTeamPlan":"Manage your Team Plan","manageTeamPlanDescription":"Choose a plan that fits your team's needs. You can upgrade or downgrade your plan at any time.","basePlan":"Base Plan","billingInterval":{"label":"Choose your billing interval","month":"Billed monthly","year":"Billed yearly"},"perMonth":"month","custom":"Custom Plan","lifetime":"Lifetime","trialPeriod":"{period} day trial","perPeriod":"per {period}","redirectingToPayment":"Redirecting to checkout. Please wait...","proceedToPayment":"Proceed to Payment","startTrial":"Start Trial","perTeamMember":"Per team member","perUnitShort":"Per {unit}","perUnit":"Per {unit} usage","teamMembers":"Team Members","includedUpTo":"Up to {upTo} {unit} included in the plan","fromPreviousTierUpTo":"for each {unit} for the next {upTo} {unitPlural}","andAbove":"above {previousTier} {unit}","startingAtPriceUnit":"Starting at {price}/{unit}","priceUnit":"{price}/{unit}","forEveryUnit":"for every {unit}","setupFee":"plus a {setupFee} setup fee","perUnitIncluded":"({included} included)","features":"Features","featuresLabel":"Features","detailsLabel":"Details","planPickerLabel":"Pick your preferred plan","planCardLabel":"Manage your Plan","planPickerAlertErrorTitle":"Error requesting checkout","planPickerAlertErrorDescription":"There was an error requesting checkout. Please try again later.","subscriptionCancelled":"Subscription Cancelled","cancelSubscriptionDate":"Your subscription will be cancelled at the end of the billing period on {date}","noPlanChosen":"Please choose a plan","noIntervalPlanChosen":"Please choose a billing interval","status":{"free":{"badge":"Free Plan","heading":"You are currently on the Free Plan","description":"You're on a free plan. You can upgrade to a paid plan at any time."},"active":{"badge":"Active","heading":"Your subscription is active","description":"Your subscription is active. You can manage your subscription and billing in the Customer Portal."},"trialing":{"badge":"Trial","heading":"You're on a trial","description":"You can enjoy the benefits of plan until the trial ends"},"past_due":{"badge":"Past Due","heading":"Your invoice is past due","description":"Your invoice is past due. Please update your payment method."},"canceled":{"badge":"Canceled","heading":"Your subscription is canceled","description":"Your subscription is canceled. It is scheduled to end at end of the billing period."},"unpaid":{"badge":"Unpaid","heading":"Your invoice is unpaid","description":"Your invoice is unpaid. Please update your payment method."},"incomplete":{"badge":"Incomplete","heading":"We're waiting for your payment","description":"We're waiting for your payment to go through. Please bear with us."},"incomplete_expired":{"badge":"Expired","heading":"Your payment has expired","description":"Your payment has expired. Please update your payment method."},"paused":{"badge":"Paused","heading":"Your subscription is paused","description":"Your subscription is paused. You can resume it at any time."},"succeeded":{"badge":"Succeeded","heading":"Your payment was successful","description":"Your payment was successful. Thank you for subscribing!"},"pending":{"badge":"Pending","heading":"Your payment is pending","description":"Your payment is pending. Please bear with us."},"failed":{"badge":"Failed","heading":"Your payment failed","description":"Your payment failed. Please update your payment method."}}},"marketing":{"blog":"Blog","blogSubtitle":"News and updates about the platform","changelog":"Changelog","changelogSubtitle":"Latest updates and improvements to the platform","noChangelogEntries":"No changelog entries found","changelogPaginationNext":"Next Page","changelogPaginationPrevious":"Previous Page","changelogNavigationPrevious":"Previous","changelogNavigationNext":"Next","documentation":"Documentation","documentationSubtitle":"Tutorials and guide to get started with the platform","faq":"FAQ","faqSubtitle":"Frequently asked questions about the platform","pricing":"Pricing","pricingSubtitle":"Pricing plans and payment options","backToBlog":"Back to blog","noPosts":"No posts found","blogPaginationNext":"Next Page","blogPaginationPrevious":"Previous Page","readMore":"Read more","contactFaq":"If you have any questions, please contact us","contact":"Contact","about":"About","product":"Product","legal":"Legal","termsOfService":"Terms of Service","termsOfServiceDescription":"Our terms and conditions","cookiePolicy":"Cookie Policy","cookiePolicyDescription":"Our cookie policy and how we use them","privacyPolicy":"Privacy Policy","privacyPolicyDescription":"Our privacy policy and how we use your data","contactDescription":"Contact us for any questions or feedback","contactHeading":"Send us a message","contactSubheading":"We will get back to you as soon as possible","contactName":"Your Name","contactEmail":"Your Email","contactMessage":"Your Message","sendMessage":"Send Message","contactSuccess":"Your message has been sent successfully","contactError":"An error occurred while sending your message","contactSuccessDescription":"We have received your message and will get back to you as soon as possible","contactErrorDescription":"An error occurred while sending your message. Please try again later"}},"children":["$L71","$L72"]}]}]}] 52:oe4c,73:"/_next/static/immutable/chunks/40fo6i1-6cxje.js" 74:"/_next/static/immutable/chunks/04bo9wkpp5egq.js" 75:"/_next/static/immutable/chunks/42zmiv9_wi3sm.js" 76:I[452316,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$73","$56","$57","$74","$21","$22","$23","$24","$75","$26"],"default"] 78:I[35828,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c"],"Toaster"] 69:["$","span",null,{"children":"UI components"}] 6a:["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":53355,"children":"53,355"}] 6b:["$","li","tools",{"children":["$","$L2a",null,{"href":"/tools","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Tools"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":43,"children":"43"}]]}]}] 6c:["$","li","cursorLab",{"children":["$","$L2a",null,{"href":"/lab/cursor","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cursor Lab"}],false]}]}] 6d:["$","nav","News",{"aria-labelledby":"footer-nav-news","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-news","className":"HIwq6G_navTitle","children":"News"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","readingRoom",{"children":["$","$L2a",null,{"href":"/articles","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Reading room"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":514,"children":"514"}]]}]}],["$","li","channels",{"children":["$","$L2a",null,{"href":"/feeds","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Channels"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":30,"children":"30"}]]}]}]]}]]}] 6e:["$","nav","Studio",{"aria-labelledby":"footer-nav-studio","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-studio","className":"HIwq6G_navTitle","children":"Studio"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","about",{"children":["$","$L2a",null,{"href":"/about","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"About"}],false]}]}],["$","li","partner",{"children":["$","$L2a",null,{"href":"/partner","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Work with us"}],false]}]}],["$","li","contact",{"children":["$","$L2a",null,{"href":"/contact","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Contact"}],false]}]}],["$","li","faq",{"children":["$","$L2a",null,{"href":"/faq","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"FAQ"}],false]}]}]]}]]}] 6f:["$","nav","Legal",{"aria-labelledby":"footer-nav-legal","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-legal","className":"HIwq6G_navTitle","children":"Legal"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","editorialPolicy",{"children":["$","$L2a",null,{"href":"/editorial-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Editorial policy"}],false]}]}],["$","li","privacy",{"children":["$","$L2a",null,{"href":"/privacy-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Privacy"}],false]}]}],["$","li","terms",{"children":["$","$L2a",null,{"href":"/terms-and-conditions","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Terms"}],false]}]}],["$","li","cookies",{"children":["$","$L2a",null,{"href":"/cookie-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cookies"}],false]}]}]]}]]}] 52:o837,71:["$","$L5",null,{"parallelRouterKey":"children","error":"$76","errorStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2k_ex_1ify-ho.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1dmv20zxtmyup.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],"errorScripts":[["$","script","script-0",{"src":"/_next/static/immutable/chunks/40fo6i1-6cxje.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/0mgtsddbek5xl.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/3a42_msp5owkx.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/immutable/chunks/04bo9wkpp5egq.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/immutable/chunks/18c94ogovrejy.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/immutable/chunks/0ise2p3ce1s2o.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/immutable/chunks/073nx0854_yjr.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/immutable/chunks/3d3wurtbu3kw5.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/immutable/chunks/42zmiv9_wi3sm.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/immutable/chunks/0oltbbwilw8qw.js","async":true,"nonce":"$undefined"}]],"template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$L77",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1dmv20zxtmyup.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2k_ex_1ify-ho.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"forbidden":"$undefined","unauthorized":"$undefined"}] 52:o43,72:["$","$L78",null,{"richColors":true,"position":"bottom-right"}] 52:o17d7,77:["$","div",null,{"className":"discovery-site min-h-dvh","children":["$","div",null,{"className":"discovery-site bg-background text-foreground flex min-h-[100vh] flex-col","children":[[null,["$","header",null,{"className":"discovery-header MC5xVa_frame","children":["$","div",null,{"className":"discovery-header-inner","children":[["$","$L2a",null,{"href":"/","className":"discovery-wordmark","children":["$","span",null,{"className":"_4kWFNG_root","data-size":"md","data-variant":"plain","data-test":"site-logo","children":[["$","svg",null,{"className":"_4kWFNG_mark","viewBox":"0 0 16 16","fill":"currentColor","role":"img","aria-labelledby":"_S_4_-title","focusable":"false","children":[["$","title",null,{"id":"_S_4_-title","children":"Trending Society"}],false,["$","g",null,{"mask":"$undefined","children":[["$","circle","5.6-0.8",{"cx":5.6,"cy":0.8,"r":0.66}],["$","circle","7.2-0.8",{"cx":7.2,"cy":0.8,"r":0.68}],["$","circle","8.8-0.8",{"cx":8.8,"cy":0.8,"r":0.6}],["$","circle","10.4-0.8",{"cx":10.4,"cy":0.8,"r":0.43}],["$","circle","4-2.4",{"cx":4,"cy":2.4,"r":0.8}],["$","circle","5.6-2.4",{"cx":5.6,"cy":2.4,"r":0.79}],["$","circle","7.2-2.4",{"cx":7.2,"cy":2.4,"r":0.74}],["$","circle","8.8-2.4",{"cx":8.8,"cy":2.4,"r":0.65}],["$","circle","10.4-2.4",{"cx":10.4,"cy":2.4,"r":0.55}],["$","circle","12-2.4",{"cx":12,"cy":2.4,"r":0.42}],["$","circle","2.4-4",{"cx":2.4,"cy":4,"r":0.8}],["$","circle","4-4",{"cx":4,"cy":4,"r":0.81}],["$","circle","5.6-4",{"cx":5.6,"cy":4,"r":0.78}],["$","circle","7.2-4",{"cx":7.2,"cy":4,"r":0.72}],["$","circle","8.8-4",{"cx":8.8,"cy":4,"r":0.64}],["$","circle","10.4-4",{"cx":10.4,"cy":4,"r":0.54}],["$","circle","12-4",{"cx":12,"cy":4,"r":0.42}],["$","circle","13.6-4",{"cx":13.6,"cy":4,"r":0.29}],["$","circle","0.8-5.6",{"cx":0.8,"cy":5.6,"r":0.63}],["$","circle","2.4-5.6",{"cx":2.4,"cy":5.6,"r":0.78}],["$","circle","4-5.6",{"cx":4,"cy":5.6,"r":0.77}],["$","circle","5.6-5.6",{"cx":5.6,"cy":5.6,"r":0.73}],["$","circle","7.2-5.6",{"cx":7.2,"cy":5.6,"r":0.67}],["$","circle","8.8-5.6",{"cx":8.8,"cy":5.6,"r":0.59}],["$","circle","10.4-5.6",{"cx":10.4,"cy":5.6,"r":0.5}],["$","circle","12-5.6",{"cx":12,"cy":5.6,"r":0.39}],["$","circle","13.6-5.6",{"cx":13.6,"cy":5.6,"r":0.28}],["$","circle","15.2-5.6",{"cx":15.2,"cy":5.6,"r":0.24}],["$","circle","0.8-7.2",{"cx":0.8,"cy":7.2,"r":0.65}],["$","circle","2.4-7.2",{"cx":2.4,"cy":7.2,"r":0.71}],["$","circle","4-7.2",{"cx":4,"cy":7.2,"r":0.7}],["$","circle","5.6-7.2",{"cx":5.6,"cy":7.2,"r":0.66}],["$","circle","7.2-7.2",{"cx":7.2,"cy":7.2,"r":0.6}],["$","circle","8.8-7.2",{"cx":8.8,"cy":7.2,"r":0.53}],["$","circle","10.4-7.2",{"cx":10.4,"cy":7.2,"r":0.44}],["$","circle","12-7.2",{"cx":12,"cy":7.2,"r":0.34}],["$","circle","13.6-7.2",{"cx":13.6,"cy":7.2,"r":0.25}],["$","circle","15.2-7.2",{"cx":15.2,"cy":7.2,"r":0.24}],["$","circle","0.8-8.8",{"cx":0.8,"cy":8.8,"r":0.56}],["$","circle","2.4-8.8",{"cx":2.4,"cy":8.8,"r":0.63}],["$","circle","4-8.8",{"cx":4,"cy":8.8,"r":0.62}],["$","circle","5.6-8.8",{"cx":5.6,"cy":8.8,"r":0.58}],["$","circle","7.2-8.8",{"cx":7.2,"cy":8.8,"r":0.52}],["$","circle","8.8-8.8",{"cx":8.8,"cy":8.8,"r":0.45}],["$","circle","10.4-8.8",{"cx":10.4,"cy":8.8,"r":0.37}],["$","circle","12-8.8",{"cx":12,"cy":8.8,"r":0.28}],["$","circle","13.6-8.8",{"cx":13.6,"cy":8.8,"r":0.24}],["$","circle","15.2-8.8",{"cx":15.2,"cy":8.8,"r":0.24}],["$","circle","0.8-10.4",{"cx":0.8,"cy":10.4,"r":0.39}],["$","circle","2.4-10.4",{"cx":2.4,"cy":10.4,"r":0.51}],["$","circle","4-10.4",{"cx":4,"cy":10.4,"r":0.51}],["$","circle","5.6-10.4",{"cx":5.6,"cy":10.4,"r":0.48}],["$","circle","7.2-10.4",{"cx":7.2,"cy":10.4,"r":0.43}],["$","circle","8.8-10.4",{"cx":8.8,"cy":10.4,"r":0.36}],["$","circle","10.4-10.4",{"cx":10.4,"cy":10.4,"r":0.29}],["$","circle","12-10.4",{"cx":12,"cy":10.4,"r":0.24}],["$","circle","13.6-10.4",{"cx":13.6,"cy":10.4,"r":0.24}],["$","circle","15.2-10.4",{"cx":15.2,"cy":10.4,"r":0.24}],["$","circle","2.4-12",{"cx":2.4,"cy":12,"r":0.38}],["$","circle","4-12",{"cx":4,"cy":12,"r":0.39}],["$","circle","5.6-12",{"cx":5.6,"cy":12,"r":0.37}],["$","circle","7.2-12",{"cx":7.2,"cy":12,"r":0.33}],["$","circle","8.8-12",{"cx":8.8,"cy":12,"r":0.28}],["$","circle","10.4-12",{"cx":10.4,"cy":12,"r":0.24}],["$","circle","12-12",{"cx":12,"cy":12,"r":0.24}],["$","circle","13.6-12",{"cx":13.6,"cy":12,"r":0.24}],["$","circle","4-13.6",{"cx":4,"cy":13.6,"r":0.27}],["$","circle","5.6-13.6",{"cx":5.6,"cy":13.6,"r":0.26}],["$","circle","7.2-13.6",{"cx":7.2,"cy":13.6,"r":0.24}],["$","circle","8.8-13.6",{"cx":8.8,"cy":13.6,"r":0.24}],["$","circle","10.4-13.6",{"cx":10.4,"cy":13.6,"r":0.24}],["$","circle","12-13.6",{"cx":12,"cy":13.6,"r":0.24}],["$","circle","5.6-15.2",{"cx":5.6,"cy":15.2,"r":0.24}],["$","circle","7.2-15.2",{"cx":7.2,"cy":15.2,"r":0.24}],["$","circle","8.8-15.2",{"cx":8.8,"cy":15.2,"r":0.24}],["$","circle","10.4-15.2",{"cx":10.4,"cy":15.2,"r":0.24}]]}],false]}],["$","span",null,{"className":"_4kWFNG_wordmark hVQYYq_className","aria-hidden":"true","data-logo-part":"wordmark","children":["trending",["$","span",null,{"className":"_4kWFNG_muted","children":"society"}]]}]]}]}],["$","div",null,{"className":"discovery-header-navigation","children":["$","$40",null,{"fallback":["$","$L47",null,{}],"children":"$L79"}]}],["$","div",null,{"className":"discovery-header-actions","children":[["$","$L4a",null,{}],["$","$L4c",null,{}]]}]]}]}]],["$","main",null,{"id":"main-content","className":"flex flex-1 flex-col py-24","children":["$","div",null,{"className":"relative flex w-full flex-1 flex-col items-center justify-center overflow-hidden px-4","children":[["$","span",null,{"aria-hidden":"true","className":"font-display pointer-events-none absolute top-1/2 left-1/2 z-0 -translate-x-1/2 -translate-y-1/2 text-[16rem] leading-none font-medium tracking-tighter opacity-[0.02] select-none sm:text-[22rem] lg:text-[28rem]","children":["$","$L59",null,{"fallback":"common.pageNotFoundHeading","children":"404"}]}],["$","div",null,{"className":"relative z-10 flex max-w-md flex-col items-center text-center","children":["$L7a","$L7b","$L7c"]}]]}]}],"$L7d"]}]}] 52:o1b5,7a:["$","h1",null,{"className":"font-display ts-h1-item","children":["$","$L59",null,{"fallback":"common.pageNotFound","children":"Page not found"}]}] 7b:["$","p",null,{"className":"text-muted-foreground mt-3 max-w-sm text-sm leading-relaxed","children":["$","$L59",null,{"fallback":"common.pageNotFoundSubHeading","children":"The page you're looking for doesn't exist or has been moved. Check the URL or head back to the homepage."}]}] 52:o9e6,7c:["$","div",null,{"className":"mt-8 flex items-center gap-3","children":[["$","$L5d",null,{"data-slot":"button","data-variant":"default","data-size":"default","className":"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","nativeButton":false,"render":["$","$L2a",null,{"href":"/","children":[["$","$L51",null,{"ref":"$undefined","icon":"$7:props:children:props:children:props:children:1:props:children:2:props:children:0:props:render:props:children:0:props:icon","className":"mr-1 h-4 w-4"}],["$","$L59",null,{"fallback":"common.backToHomePage","children":"Back to Home"}]]}]}],["$","$L5d",null,{"data-slot":"button","data-variant":"ghost","data-size":"default","className":"group/button focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2","nativeButton":false,"render":["$","$L2a",null,{"href":"/contact","children":[["$","$L51",null,{"ref":"$undefined","icon":"$7:props:children:props:children:props:children:1:props:children:2:props:children:1:props:render:props:children:0:props:icon","className":"mr-1 h-4 w-4"}],["$","$L59",null,{"fallback":"common.contactUs","children":"Contact Us"}]]}]}]]}] 52:o33,79:["$","$L66",null,{"counts":"$48:props:counts"}] 52:o18dc,7d:["$","footer",null,{"className":"HIwq6G_footer","data-test":"site-footer","children":[["$","div",null,{"className":"HIwq6G_inner HIwq6G_grid","children":["$","$40",null,{"fallback":[["$","div",null,{"className":"HIwq6G_brand","children":[["$","$L2a",null,{"href":"/","className":"discovery-wordmark","children":["$","span",null,{"className":"_4kWFNG_root","data-size":"sm","data-variant":"plain","data-test":"site-logo","children":[["$","svg",null,{"className":"_4kWFNG_mark","viewBox":"0 0 16 16","fill":"currentColor","role":"img","aria-labelledby":"_S_5_-title","focusable":"false","children":[["$","title",null,{"id":"_S_5_-title","children":"Trending Society"}],false,["$","g",null,{"mask":"$undefined","children":[["$","circle","5.6-0.8",{"cx":5.6,"cy":0.8,"r":0.66}],["$","circle","7.2-0.8",{"cx":7.2,"cy":0.8,"r":0.68}],["$","circle","8.8-0.8",{"cx":8.8,"cy":0.8,"r":0.6}],["$","circle","10.4-0.8",{"cx":10.4,"cy":0.8,"r":0.43}],["$","circle","4-2.4",{"cx":4,"cy":2.4,"r":0.8}],["$","circle","5.6-2.4",{"cx":5.6,"cy":2.4,"r":0.79}],["$","circle","7.2-2.4",{"cx":7.2,"cy":2.4,"r":0.74}],["$","circle","8.8-2.4",{"cx":8.8,"cy":2.4,"r":0.65}],["$","circle","10.4-2.4",{"cx":10.4,"cy":2.4,"r":0.55}],["$","circle","12-2.4",{"cx":12,"cy":2.4,"r":0.42}],["$","circle","2.4-4",{"cx":2.4,"cy":4,"r":0.8}],["$","circle","4-4",{"cx":4,"cy":4,"r":0.81}],["$","circle","5.6-4",{"cx":5.6,"cy":4,"r":0.78}],["$","circle","7.2-4",{"cx":7.2,"cy":4,"r":0.72}],["$","circle","8.8-4",{"cx":8.8,"cy":4,"r":0.64}],["$","circle","10.4-4",{"cx":10.4,"cy":4,"r":0.54}],["$","circle","12-4",{"cx":12,"cy":4,"r":0.42}],["$","circle","13.6-4",{"cx":13.6,"cy":4,"r":0.29}],["$","circle","0.8-5.6",{"cx":0.8,"cy":5.6,"r":0.63}],["$","circle","2.4-5.6",{"cx":2.4,"cy":5.6,"r":0.78}],["$","circle","4-5.6",{"cx":4,"cy":5.6,"r":0.77}],["$","circle","5.6-5.6",{"cx":5.6,"cy":5.6,"r":0.73}],["$","circle","7.2-5.6",{"cx":7.2,"cy":5.6,"r":0.67}],["$","circle","8.8-5.6",{"cx":8.8,"cy":5.6,"r":0.59}],["$","circle","10.4-5.6",{"cx":10.4,"cy":5.6,"r":0.5}],["$","circle","12-5.6",{"cx":12,"cy":5.6,"r":0.39}],["$","circle","13.6-5.6",{"cx":13.6,"cy":5.6,"r":0.28}],["$","circle","15.2-5.6",{"cx":15.2,"cy":5.6,"r":0.24}],["$","circle","0.8-7.2",{"cx":0.8,"cy":7.2,"r":0.65}],["$","circle","2.4-7.2",{"cx":2.4,"cy":7.2,"r":0.71}],["$","circle","4-7.2",{"cx":4,"cy":7.2,"r":0.7}],["$","circle","5.6-7.2",{"cx":5.6,"cy":7.2,"r":0.66}],["$","circle","7.2-7.2",{"cx":7.2,"cy":7.2,"r":0.6}],["$","circle","8.8-7.2",{"cx":8.8,"cy":7.2,"r":0.53}],["$","circle","10.4-7.2",{"cx":10.4,"cy":7.2,"r":0.44}],["$","circle","12-7.2",{"cx":12,"cy":7.2,"r":0.34}],["$","circle","13.6-7.2",{"cx":13.6,"cy":7.2,"r":0.25}],["$","circle","15.2-7.2",{"cx":15.2,"cy":7.2,"r":0.24}],["$","circle","0.8-8.8",{"cx":0.8,"cy":8.8,"r":0.56}],["$","circle","2.4-8.8",{"cx":2.4,"cy":8.8,"r":0.63}],["$","circle","4-8.8",{"cx":4,"cy":8.8,"r":0.62}],["$","circle","5.6-8.8",{"cx":5.6,"cy":8.8,"r":0.58}],["$","circle","7.2-8.8",{"cx":7.2,"cy":8.8,"r":0.52}],["$","circle","8.8-8.8",{"cx":8.8,"cy":8.8,"r":0.45}],["$","circle","10.4-8.8",{"cx":10.4,"cy":8.8,"r":0.37}],["$","circle","12-8.8",{"cx":12,"cy":8.8,"r":0.28}],["$","circle","13.6-8.8",{"cx":13.6,"cy":8.8,"r":0.24}],["$","circle","15.2-8.8",{"cx":15.2,"cy":8.8,"r":0.24}],["$","circle","0.8-10.4",{"cx":0.8,"cy":10.4,"r":0.39}],["$","circle","2.4-10.4",{"cx":2.4,"cy":10.4,"r":0.51}],["$","circle","4-10.4",{"cx":4,"cy":10.4,"r":0.51}],["$","circle","5.6-10.4",{"cx":5.6,"cy":10.4,"r":0.48}],["$","circle","7.2-10.4",{"cx":7.2,"cy":10.4,"r":0.43}],["$","circle","8.8-10.4",{"cx":8.8,"cy":10.4,"r":0.36}],["$","circle","10.4-10.4",{"cx":10.4,"cy":10.4,"r":0.29}],["$","circle","12-10.4",{"cx":12,"cy":10.4,"r":0.24}],["$","circle","13.6-10.4",{"cx":13.6,"cy":10.4,"r":0.24}],["$","circle","15.2-10.4",{"cx":15.2,"cy":10.4,"r":0.24}],["$","circle","2.4-12",{"cx":2.4,"cy":12,"r":0.38}],["$","circle","4-12",{"cx":4,"cy":12,"r":0.39}],["$","circle","5.6-12",{"cx":5.6,"cy":12,"r":0.37}],["$","circle","7.2-12",{"cx":7.2,"cy":12,"r":0.33}],["$","circle","8.8-12",{"cx":8.8,"cy":12,"r":0.28}],["$","circle","10.4-12",{"cx":10.4,"cy":12,"r":0.24}],["$","circle","12-12",{"cx":12,"cy":12,"r":0.24}],["$","circle","13.6-12",{"cx":13.6,"cy":12,"r":0.24}],["$","circle","4-13.6",{"cx":4,"cy":13.6,"r":0.27}],["$","circle","5.6-13.6",{"cx":5.6,"cy":13.6,"r":0.26}],["$","circle","7.2-13.6",{"cx":7.2,"cy":13.6,"r":0.24}],["$","circle","8.8-13.6",{"cx":8.8,"cy":13.6,"r":0.24}],["$","circle","10.4-13.6",{"cx":10.4,"cy":13.6,"r":0.24}],["$","circle","12-13.6",{"cx":12,"cy":13.6,"r":0.24}],["$","circle","5.6-15.2",{"cx":5.6,"cy":15.2,"r":0.24}],["$","circle","7.2-15.2",{"cx":7.2,"cy":15.2,"r":0.24}],["$","circle","8.8-15.2",{"cx":8.8,"cy":15.2,"r":0.24}],["$","circle","10.4-15.2",{"cx":10.4,"cy":15.2,"r":0.24}]]}],false]}],["$","span",null,{"className":"_4kWFNG_wordmark hVQYYq_className","aria-hidden":"true","data-logo-part":"wordmark","children":["trending",["$","span",null,{"className":"_4kWFNG_muted","children":"society"}]]}]]}]}],"$undefined"]}],[["$","nav","Library",{"aria-labelledby":"footer-nav-library","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-library","className":"HIwq6G_navTitle","children":"Library"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","skills",{"children":["$","$L2a",null,{"href":"/skills","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Skills"}],false]}]}],["$","li","mcpServers",{"children":["$","$L2a",null,{"href":"/mcp-servers","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"MCP Servers"}],false]}]}],["$","li","openSource",{"children":["$","$L2a",null,{"href":"/open-source","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Open Source"}],false]}]}],["$","li","templates",{"children":["$","$L2a",null,{"href":"/templates","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Templates"}],false]}]}],["$","li","components",{"children":["$","$L2a",null,{"href":"/components","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"UI components"}],false]}]}],["$","li","tools",{"children":["$","$L2a",null,{"href":"/tools","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Tools"}],false]}]}],"$L7e"]}]]}],"$L7f","$L80","$L81"]],"children":"$L82"}]}],"$L83"]}] 52:ob2d,7e:["$","li","cursorLab",{"children":["$","$L2a",null,{"href":"/lab/cursor","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cursor Lab"}],false]}]}] 7f:["$","nav","News",{"aria-labelledby":"footer-nav-news","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-news","className":"HIwq6G_navTitle","children":"News"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","readingRoom",{"children":["$","$L2a",null,{"href":"/articles","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Reading room"}],false]}]}],["$","li","channels",{"children":["$","$L2a",null,{"href":"/feeds","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Channels"}],false]}]}]]}]]}] 80:["$","nav","Studio",{"aria-labelledby":"footer-nav-studio","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-studio","className":"HIwq6G_navTitle","children":"Studio"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","about",{"children":["$","$L2a",null,{"href":"/about","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"About"}],false]}]}],["$","li","partner",{"children":["$","$L2a",null,{"href":"/partner","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Work with us"}],false]}]}],["$","li","contact",{"children":["$","$L2a",null,{"href":"/contact","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Contact"}],false]}]}],["$","li","faq",{"children":["$","$L2a",null,{"href":"/faq","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"FAQ"}],false]}]}]]}]]}] 81:["$","nav","Legal",{"aria-labelledby":"footer-nav-legal","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-legal","className":"HIwq6G_navTitle","children":"Legal"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","editorialPolicy",{"children":["$","$L2a",null,{"href":"/editorial-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Editorial policy"}],false]}]}],["$","li","privacy",{"children":["$","$L2a",null,{"href":"/privacy-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Privacy"}],false]}]}],["$","li","terms",{"children":["$","$L2a",null,{"href":"/terms-and-conditions","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Terms"}],false]}]}],["$","li","cookies",{"children":["$","$L2a",null,{"href":"/cookie-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cookies"}],false]}]}]]}]]}] 83:["$","div",null,{"className":"HIwq6G_inner HIwq6G_bottomRow","children":[["$","span",null,{"children":["© ",2026," Trending Society"]}],["$","div",null,{"className":"HIwq6G_bottomEnd","children":[["$","$L68",null,{}],["$","span",null,{"children":"All rights reserved."}]]}]]}] 52:o18e5,82:[["$","div",null,{"className":"HIwq6G_brand","children":[["$","$L2a",null,{"href":"/","className":"discovery-wordmark","children":["$","span",null,{"className":"_4kWFNG_root","data-size":"sm","data-variant":"plain","data-test":"site-logo","children":[["$","svg",null,{"className":"_4kWFNG_mark","viewBox":"0 0 16 16","fill":"currentColor","role":"img","aria-labelledby":"_S_6_-title","focusable":"false","children":[["$","title",null,{"id":"_S_6_-title","children":"Trending Society"}],false,["$","g",null,{"mask":"$undefined","children":[["$","circle","5.6-0.8",{"cx":5.6,"cy":0.8,"r":0.66}],["$","circle","7.2-0.8",{"cx":7.2,"cy":0.8,"r":0.68}],["$","circle","8.8-0.8",{"cx":8.8,"cy":0.8,"r":0.6}],["$","circle","10.4-0.8",{"cx":10.4,"cy":0.8,"r":0.43}],["$","circle","4-2.4",{"cx":4,"cy":2.4,"r":0.8}],["$","circle","5.6-2.4",{"cx":5.6,"cy":2.4,"r":0.79}],["$","circle","7.2-2.4",{"cx":7.2,"cy":2.4,"r":0.74}],["$","circle","8.8-2.4",{"cx":8.8,"cy":2.4,"r":0.65}],["$","circle","10.4-2.4",{"cx":10.4,"cy":2.4,"r":0.55}],["$","circle","12-2.4",{"cx":12,"cy":2.4,"r":0.42}],["$","circle","2.4-4",{"cx":2.4,"cy":4,"r":0.8}],["$","circle","4-4",{"cx":4,"cy":4,"r":0.81}],["$","circle","5.6-4",{"cx":5.6,"cy":4,"r":0.78}],["$","circle","7.2-4",{"cx":7.2,"cy":4,"r":0.72}],["$","circle","8.8-4",{"cx":8.8,"cy":4,"r":0.64}],["$","circle","10.4-4",{"cx":10.4,"cy":4,"r":0.54}],["$","circle","12-4",{"cx":12,"cy":4,"r":0.42}],["$","circle","13.6-4",{"cx":13.6,"cy":4,"r":0.29}],["$","circle","0.8-5.6",{"cx":0.8,"cy":5.6,"r":0.63}],["$","circle","2.4-5.6",{"cx":2.4,"cy":5.6,"r":0.78}],["$","circle","4-5.6",{"cx":4,"cy":5.6,"r":0.77}],["$","circle","5.6-5.6",{"cx":5.6,"cy":5.6,"r":0.73}],["$","circle","7.2-5.6",{"cx":7.2,"cy":5.6,"r":0.67}],["$","circle","8.8-5.6",{"cx":8.8,"cy":5.6,"r":0.59}],["$","circle","10.4-5.6",{"cx":10.4,"cy":5.6,"r":0.5}],["$","circle","12-5.6",{"cx":12,"cy":5.6,"r":0.39}],["$","circle","13.6-5.6",{"cx":13.6,"cy":5.6,"r":0.28}],["$","circle","15.2-5.6",{"cx":15.2,"cy":5.6,"r":0.24}],["$","circle","0.8-7.2",{"cx":0.8,"cy":7.2,"r":0.65}],["$","circle","2.4-7.2",{"cx":2.4,"cy":7.2,"r":0.71}],["$","circle","4-7.2",{"cx":4,"cy":7.2,"r":0.7}],["$","circle","5.6-7.2",{"cx":5.6,"cy":7.2,"r":0.66}],["$","circle","7.2-7.2",{"cx":7.2,"cy":7.2,"r":0.6}],["$","circle","8.8-7.2",{"cx":8.8,"cy":7.2,"r":0.53}],["$","circle","10.4-7.2",{"cx":10.4,"cy":7.2,"r":0.44}],["$","circle","12-7.2",{"cx":12,"cy":7.2,"r":0.34}],["$","circle","13.6-7.2",{"cx":13.6,"cy":7.2,"r":0.25}],["$","circle","15.2-7.2",{"cx":15.2,"cy":7.2,"r":0.24}],["$","circle","0.8-8.8",{"cx":0.8,"cy":8.8,"r":0.56}],["$","circle","2.4-8.8",{"cx":2.4,"cy":8.8,"r":0.63}],["$","circle","4-8.8",{"cx":4,"cy":8.8,"r":0.62}],["$","circle","5.6-8.8",{"cx":5.6,"cy":8.8,"r":0.58}],["$","circle","7.2-8.8",{"cx":7.2,"cy":8.8,"r":0.52}],["$","circle","8.8-8.8",{"cx":8.8,"cy":8.8,"r":0.45}],["$","circle","10.4-8.8",{"cx":10.4,"cy":8.8,"r":0.37}],["$","circle","12-8.8",{"cx":12,"cy":8.8,"r":0.28}],["$","circle","13.6-8.8",{"cx":13.6,"cy":8.8,"r":0.24}],["$","circle","15.2-8.8",{"cx":15.2,"cy":8.8,"r":0.24}],["$","circle","0.8-10.4",{"cx":0.8,"cy":10.4,"r":0.39}],["$","circle","2.4-10.4",{"cx":2.4,"cy":10.4,"r":0.51}],["$","circle","4-10.4",{"cx":4,"cy":10.4,"r":0.51}],["$","circle","5.6-10.4",{"cx":5.6,"cy":10.4,"r":0.48}],["$","circle","7.2-10.4",{"cx":7.2,"cy":10.4,"r":0.43}],["$","circle","8.8-10.4",{"cx":8.8,"cy":10.4,"r":0.36}],["$","circle","10.4-10.4",{"cx":10.4,"cy":10.4,"r":0.29}],["$","circle","12-10.4",{"cx":12,"cy":10.4,"r":0.24}],["$","circle","13.6-10.4",{"cx":13.6,"cy":10.4,"r":0.24}],["$","circle","15.2-10.4",{"cx":15.2,"cy":10.4,"r":0.24}],["$","circle","2.4-12",{"cx":2.4,"cy":12,"r":0.38}],["$","circle","4-12",{"cx":4,"cy":12,"r":0.39}],["$","circle","5.6-12",{"cx":5.6,"cy":12,"r":0.37}],["$","circle","7.2-12",{"cx":7.2,"cy":12,"r":0.33}],["$","circle","8.8-12",{"cx":8.8,"cy":12,"r":0.28}],["$","circle","10.4-12",{"cx":10.4,"cy":12,"r":0.24}],["$","circle","12-12",{"cx":12,"cy":12,"r":0.24}],["$","circle","13.6-12",{"cx":13.6,"cy":12,"r":0.24}],["$","circle","4-13.6",{"cx":4,"cy":13.6,"r":0.27}],["$","circle","5.6-13.6",{"cx":5.6,"cy":13.6,"r":0.26}],["$","circle","7.2-13.6",{"cx":7.2,"cy":13.6,"r":0.24}],["$","circle","8.8-13.6",{"cx":8.8,"cy":13.6,"r":0.24}],["$","circle","10.4-13.6",{"cx":10.4,"cy":13.6,"r":0.24}],["$","circle","12-13.6",{"cx":12,"cy":13.6,"r":0.24}],["$","circle","5.6-15.2",{"cx":5.6,"cy":15.2,"r":0.24}],["$","circle","7.2-15.2",{"cx":7.2,"cy":15.2,"r":0.24}],["$","circle","8.8-15.2",{"cx":8.8,"cy":15.2,"r":0.24}],["$","circle","10.4-15.2",{"cx":10.4,"cy":15.2,"r":0.24}]]}],false]}],["$","span",null,{"className":"_4kWFNG_wordmark hVQYYq_className","aria-hidden":"true","data-logo-part":"wordmark","children":["trending",["$","span",null,{"className":"_4kWFNG_muted","children":"society"}]]}]]}]}],"$undefined"]}],[["$","nav","Library",{"aria-labelledby":"footer-nav-library","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-library","className":"HIwq6G_navTitle","children":"Library"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","skills",{"children":["$","$L2a",null,{"href":"/skills","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Skills"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":253,"children":"253"}]]}]}],["$","li","mcpServers",{"children":["$","$L2a",null,{"href":"/mcp-servers","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"MCP Servers"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":63054,"children":"63,054"}]]}]}],["$","li","openSource",{"children":["$","$L2a",null,{"href":"/open-source","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Open Source"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":200,"children":"200"}]]}]}],["$","li","templates",{"children":["$","$L2a",null,{"href":"/templates","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Templates"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":5,"children":"5"}]]}]}],["$","li","components",{"children":["$","$L2a",null,{"href":"/components","className":"HIwq6G_navLink","children":["$L84","$L85"]}]}],"$L86","$L87"]}]]}],"$L88","$L89","$L8a"]] 52:oc86,84:["$","span",null,{"children":"UI components"}] 85:["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":53355,"children":"53,355"}] 86:["$","li","tools",{"children":["$","$L2a",null,{"href":"/tools","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Tools"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":43,"children":"43"}]]}]}] 87:["$","li","cursorLab",{"children":["$","$L2a",null,{"href":"/lab/cursor","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cursor Lab"}],false]}]}] 88:["$","nav","News",{"aria-labelledby":"footer-nav-news","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-news","className":"HIwq6G_navTitle","children":"News"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","readingRoom",{"children":["$","$L2a",null,{"href":"/articles","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Reading room"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":514,"children":"514"}]]}]}],["$","li","channels",{"children":["$","$L2a",null,{"href":"/feeds","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Channels"}],["$","span",null,{"className":"HIwq6G_count","data-test":"footer-count","data-count":30,"children":"30"}]]}]}]]}]]}] 89:["$","nav","Studio",{"aria-labelledby":"footer-nav-studio","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-studio","className":"HIwq6G_navTitle","children":"Studio"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","about",{"children":["$","$L2a",null,{"href":"/about","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"About"}],false]}]}],["$","li","partner",{"children":["$","$L2a",null,{"href":"/partner","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Work with us"}],false]}]}],["$","li","contact",{"children":["$","$L2a",null,{"href":"/contact","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Contact"}],false]}]}],["$","li","faq",{"children":["$","$L2a",null,{"href":"/faq","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"FAQ"}],false]}]}]]}]]}] 8a:["$","nav","Legal",{"aria-labelledby":"footer-nav-legal","className":"HIwq6G_nav","children":[["$","h2",null,{"id":"footer-nav-legal","className":"HIwq6G_navTitle","children":"Legal"}],["$","ul",null,{"className":"HIwq6G_navList","children":[["$","li","editorialPolicy",{"children":["$","$L2a",null,{"href":"/editorial-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Editorial policy"}],false]}]}],["$","li","privacy",{"children":["$","$L2a",null,{"href":"/privacy-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Privacy"}],false]}]}],["$","li","terms",{"children":["$","$L2a",null,{"href":"/terms-and-conditions","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Terms"}],false]}]}],["$","li","cookies",{"children":["$","$L2a",null,{"href":"/cookie-policy","className":"HIwq6G_navLink","children":[["$","span",null,{"children":"Cookies"}],false]}]}]]}]]}] 52:o7f,3d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 52:o1e,42:0 3a:0 3a:T4,slug42:T4,slug52:o361,8b:I[299596,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"CatalogFrame"] 8c:"CatalogSearchInput" 8d:I[299596,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"$8c"] 8e:"CatalogFilterLink" 8f:I[299596,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"$8e"] 90:I[779763,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"BrandLogo"] a6:I[31197,["$3","$4"],"IconMark"] 52:o1415,52:["$","$L8b",null,{"contentLayout":"detail","label":"Browse UI components","mobileFilterLabel":"Browse components","sidebar":[["$","form",null,{"role":"search","action":"/components","className":"SlxOxq_sidebarTop","children":[["$","input",null,{"type":"hidden","name":"registry","value":"@magicui"}],null,null,null,false,["$","$L8d",null,{"name":"q","defaultValue":"","placeholder":"Search components","label":"Search UI components by name"}]]}],["$","nav",null,{"className":"SlxOxq_categoryNav","aria-label":"All UI components","children":["$","$L8f",null,{"active":false,"href":"/components","title":"All components · 51,785","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"layout-grid","size":24,"node":[["rect",{"width":"7","height":"7","x":"3","y":"3","rx":"1","key":"1g98yp"}],["rect",{"width":"7","height":"7","x":"14","y":"3","rx":"1","key":"6d4xhi"}],["rect",{"width":"7","height":"7","x":"14","y":"14","rx":"1","key":"nxv5o0"}],["rect",{"width":"7","height":"7","x":"3","y":"14","rx":"1","key":"1bb6yr"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":true}]}],["$","span",null,{"className":"HzoemW_labelText","children":"All components"}]]}],["$","span",null,{"children":"51,785"}]]}]}],[["$","div",null,{"className":"SlxOxq_sidebarDivider"}],["$","h2",null,{"className":"SlxOxq_sidebarHeading","children":["Libraries"," ",["$","span",null,{"children":"264"}]]}],["$","nav",null,{"className":"SlxOxq_categoryNav","aria-label":"Component registries","children":[["$","$L8f","@hugeicons-animated-vue",{"active":false,"href":"/components?registry=%40hugeicons-animated-vue","title":"@hugeicons-animated-vue · 5,000","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":null,"logoClass":null,"tone":null,"name":"hugeicons-animated-vue","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@hugeicons-animated-vue"}]]}],["$","span",null,{"children":"5,000"}]]}],["$","$L8f","@keyline",{"active":false,"href":"/components?registry=%40keyline","title":"@keyline · 5,000","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/keylineicons.com/aa454fb3053f4ac1.png","logoClass":{"ink":"color","inkLuminance":0.1302,"hasTransparency":true,"opaqueBackground":false},"tone":"light","name":"keyline","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@keyline"}]]}],["$","span",null,{"children":"5,000"}]]}],["$","$L8f","@iconaut",{"active":false,"href":"/components?registry=%40iconaut","title":"@iconaut · 3,789","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/iconaut.design/9beb3ad4e1f52a82.png","logoClass":{"ink":"color","inkLuminance":0.5393,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"iconaut","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@iconaut"}]]}],["$","span",null,{"children":"3,789"}]]}],["$","$L8f","@vadivam",{"active":false,"href":"/components?registry=%40vadivam","title":"@vadivam · 2,021","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/vadivam.praveenjuge.com/b4717ff3cb92eec4.png","logoClass":{"ink":"dark","inkLuminance":0,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"vadivam","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@vadivam"}]]}],["$","span",null,{"children":"2,021"}]]}],["$","$L8f","@000h-cojeev",{"active":false,"href":"/components?registry=%40000h-cojeev","title":"@000h-cojeev · 1,875","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/000h.cojeev.com/56021b03cdde7fb0.png","logoClass":{"ink":"dark","inkLuminance":0.0221,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"000h-cojeev","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@000h-cojeev"}]]}],["$","span",null,{"children":"1,875"}]]}],["$","$L8f","@coolicons",{"active":false,"href":"/components?registry=%40coolicons","title":"@coolicons · 1,550","children":["$L91","$L92"]}],"$L93","$L94","$L95","$L96","$L97","$L98","$L99","$L9a","$L9b","$L9c","$L9d","$L9e","$L9f","$La0","$La1"]}]],"$La2","$La3"],"toolbar":"$La4","children":"$La5"}] 52:o710,41:[["$","title","0",{"children":"Dither Field | UI components | Trending Society"}],["$","meta","1",{"name":"description","content":"An animated WebGL2 background of Bayer-dithered square dots. The dots follow a light pattern, an image or a video, take one color or a three-stop ramp, and brighten under the pointer."}],["$","meta","2",{"name":"application-name","content":"Trending Society"}],["$","link","3",{"rel":"canonical","href":"https://trendingsociety.com/components/magicui-dither-field"}],["$","meta","4",{"property":"og:title","content":"Dither Field | UI components"}],["$","meta","5",{"property":"og:description","content":"An animated WebGL2 background of Bayer-dithered square dots. The dots follow a light pattern, an image or a video, take one color or a three-stop ramp, and brighten under the pointer."}],["$","meta","6",{"property":"og:url","content":"https://trendingsociety.com/components/magicui-dither-field"}],["$","meta","7",{"property":"og:type","content":"article"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:creator","content":"@trendingsoc"}],["$","meta","10",{"name":"twitter:title","content":"Trending Society: The AI ecosystem, in one place"}],["$","meta","11",{"name":"twitter:description","content":"For the curious and the people who build: the one place to find everything that matters in AI and technology."}],["$","meta","12",{"name":"twitter:image","content":"https://trendingsociety.com/images/og-preview.png"}],["$","link","13",{"rel":"icon","href":"/images/favicon/favicon.ico","sizes":"32x32"}],["$","link","14",{"rel":"icon","href":"/images/favicon/icon.svg","type":"image/svg+xml"}],["$","link","15",{"rel":"apple-touch-icon","href":"/images/favicon/apple-touch-icon.png"}],["$","$La6","16",{}]] 52:o8,54:null 52:o1000,b2:"DetailBreadcrumb" b3:I[175503,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"$b2"] b4:I[373070,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"InstallProvider"] b5:I[175503,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"DetailHeader"] b6:I[16427,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"ComponentSource"] 91:["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/coolicons.cool/f0d2a992317c9bcd.png","logoClass":{"ink":"dark","inkLuminance":0.0894,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"coolicons","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@coolicons"}]]}] 92:["$","span",null,{"children":"1,550"}] 93:["$","$L8f","@react-bits",{"active":false,"href":"/components?registry=%40react-bits","title":"@react-bits · 1,274","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/reactbits.dev/e91be58a66a9e28c.png","logoClass":{"ink":"dark","inkLuminance":0.225,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"react-bits","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@react-bits"}]]}],["$","span",null,{"children":"1,274"}]]}] 94:["$","$L8f","@watermelon",{"active":false,"href":"/components?registry=%40watermelon","title":"@watermelon · 1,137","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/registry.watermelon.sh/7e03bf767d9f6eae.png","logoClass":{"ink":"color","inkLuminance":0.4485,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"watermelon","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@watermelon"}]]}],["$","span",null,{"children":"1,137"}]]}] 95:["$","$L8f","@logoforge",{"active":false,"href":"/components?registry=%40logoforge","title":"@logoforge · 1,025","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/logoforge.terravidhal.me/bf5a1ca79f389795.png","logoClass":{"ink":"dark","inkLuminance":0.003,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"logoforge","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@logoforge"}]]}],["$","span",null,{"children":"1,025"}]]}] 96:["$","$L8f","@ndeko",{"active":false,"href":"/components?registry=%40ndeko","title":"@ndeko · 1,007","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/ui.ndekocode.dev/7f309894baa719be.png","logoClass":null,"tone":"full-bleed","name":"ndeko","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@ndeko"}]]}],["$","span",null,{"children":"1,007"}]]}] 97:["$","$L8f","@remocn",{"active":false,"href":"/components?registry=%40remocn","title":"@remocn · 929","children":[["$","span"52:o1000,,null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/remocn.dev/38b16a8c699353a8.png","logoClass":null,"tone":"full-bleed","name":"remocn","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@remocn"}]]}],["$","span",null,{"children":"929"}]]}] 98:["$","$L8f","@0nlytype",{"active":false,"href":"/components?registry=%400nlytype","title":"@0nlytype · 843","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/thedirectors.agency/bc5fd9a05c34de69.png","logoClass":{"ink":"dark","inkLuminance":0.0059,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"0nlytype","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@0nlytype"}]]}],["$","span",null,{"children":"843"}]]}] 99:["$","$L8f","@uiable",{"active":false,"href":"/components?registry=%40uiable","title":"@uiable · 797","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/uiable.com/c85cb1b166606a82.png","logoClass":{"ink":"dark","inkLuminance":0.1069,"hasTransparency":false,"opaqueBackground":false},"tone":"dark","name":"uiable","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@uiable"}]]}],["$","span",null,{"children":"797"}]]}] 9a:["$","$L8f","@animate-ui",{"active":false,"href":"/components?registry=%40animate-ui","title":"@animate-ui · 789","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/animate-ui.com/a795ae54ad1dbada.png","logoClass":{"ink":"dark","inkLuminance":0.2698,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"animate-ui","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@animate-ui"}]]}],["$","span",null,{"children":"789"}]]}] 9b:["$","$L8f","@atomloader",{"active":false,"href":"/components?registry=%40atomloader","title":"@atomloader · 591","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/atomloader.roothq.tech/2b0d4fc7ae009db6.png","logoClass":{"ink":"dark","inkLuminance":0.0402,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"atomloader","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@atomloader"}]]}],["$","span",null,{"children":"591"}]]}] 9c:["$","$L8f","@minidev",{"active":false,"href":"/components?registry=%40minidev","title":"@minidev · 548","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/ui.minidev.pro/cd6e209abce7b5b6.png","logoClass":{"ink":"dark","inkLuminance":0.0867,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"minidev","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@minidev"}]]}],["$","span",null,{"children":"548"}]]}] 9d:["$","$L8f","@ns-ui",{"active":false,"href":"/components?registry=%40ns-ui","title":"@ns-ui · 542","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/52:ob7a,logos/design.helpmarq.com/764c4006b66c6235.png","logoClass":{"ink":"dark","inkLuminance":0.0565,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"ns-ui","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@ns-ui"}]]}],["$","span",null,{"children":"542"}]]}] 9e:["$","$L8f","@lucide-animated",{"active":false,"href":"/components?registry=%40lucide-animated","title":"@lucide-animated · 468","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/lucide-animated.com/0f92abb4e3d21e35.png","logoClass":{"ink":"dark","inkLuminance":0.0817,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"lucide-animated","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@lucide-animated"}]]}],["$","span",null,{"children":"468"}]]}] 9f:["$","$L8f","@shadcn-dashboard",{"active":false,"href":"/components?registry=%40shadcn-dashboard","title":"@shadcn-dashboard · 440","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/shadcndashboard.dev/2c400fd09884ac1a.png","logoClass":{"ink":"dark","inkLuminance":0.1121,"hasTransparency":false,"opaqueBackground":true},"tone":"full-bleed","name":"shadcn-dashboard","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@shadcn-dashboard"}]]}],["$","span",null,{"children":"440"}]]}] a0:["$","$L8f","@canvas-ui",{"active":false,"href":"/components?registry=%40canvas-ui","title":"@canvas-ui · 420","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/canvasui.dev/f0dd5e1987cb84d5.png","logoClass":{"ink":"dark","inkLuminance":0.243,"hasTransparency":true,"opaqueBackground":false},"tone":"dark","name":"canvas-ui","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@canvas-ui"}]]}],["$","span",null,{"children":"420"}]]}] a1:["$","$L8f","@magicui",{"active":true,"href":"/components?registry=%40magicui","title":"@magicui · 79","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L90",null,{"src":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/magicui.design/e4602d5e37585cbf.png","logoClass":null,"tone":"light","name":"magicui","size":18}]}],["$","span",null,{"className":"HzoemW_labelText","children":"@magicui"}]]}],["$","span",null,{"children":"79"}]]}] 52:o13cd,a2:[["$","div",null,{"className":"SlxOxq_sidebarDivider"}],["$","h2",null,{"className":"SlxOxq_sidebarHeading","children":["Categories across libraries"," ",["$","span",null,{"children":"15"}]]}],["$","nav",null,{"className":"SlxOxq_categoryNav","aria-label":"Component categories","children":[["$","$L8f","forms",{"active":false,"href":"/components?category=forms","title":"Forms · 2,114","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"teal","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"list-checks","size":24,"node":[["path",{"d":"M13 5h8","key":"a7qcls"}],["path",{"d":"M13 12h8","key":"h98zly"}],["path",{"d":"M13 19h8","key":"c3s6r1"}],["path",{"d":"m3 17 2 2 4-4","key":"1jhpwq"}],["path",{"d":"m3 7 2 2 4-4","key":"1obspn"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Forms"}]]}],["$","span",null,{"children":"2,114"}]]}],["$","$L8f","other",{"active":false,"href":"/components?category=other","title":"Other · 1,469","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"tag","size":24,"node":[["path",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z","key":"vktsd0"}],["circle",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor","key":"kqv944"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Other"}]]}],["$","span",null,{"children":"1,469"}]]}],["$","$L8f","data-display",{"active":false,"href":"/components?category=data-display","title":"Data display · 1,272","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"teal","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"chart-no-axes-combined","size":24,"node":[["path",{"d":"M12 16v5","key":"zza2cw"}],["path",{"d":"M16 14.639V21","key":"1s85h0"}],["path",{"d":"M20 10.656V21","key":"q45596"}],["path",{"d":"m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15","key":"1fw8x9"}],["path",{"d":"M4 18.463V21","key":"1otddq"}],["path",{"d":"M8 14.656V21","key":"1t2idw"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Data display"}]]}],["$","span",null,{"children":"1,272"}]]}],["$","$L8f","navigation",{"active":false,"href":"/components?category=navigation","title":"Navigation · 945","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"blue","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"compass","size":24,"node":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z","key":"9ktpf1"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Navigation"}]]}],["$","span",null,{"children":"945"}]]}],["$","$L8f","feedback",{"active":false,"href":"/components?category=feedback","title":"Feedback · 886","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"amber","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"message-square","size":24,"node":[["path",{"d":"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z","key":"18887p"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Feedback"}]]}],["$","span",null,{"children":"886"}]]}],["$","$L8f","motion",{"active":false,"href":"/components?category=motion","title":"Motion and effects · 861","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"rose","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"activity","size":24,"node":[["path",{"d":"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2","key":"169zse"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Motion and effects"}]]}],["$","span",null,{"children":"861"}]]}],["$","$L8f","layout",{"active":false,"href":"/components?category=layout","title":"Layout · 816","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"blue","children":["$La7","$La8"]}],"$La9"]}],"$Laa","$Lab","$Lac","$Lad","$Lae","$Laf","$Lb0","$Lb1"]}]] 52:o862,a3:[["$","div",null,{"className":"SlxOxq_sidebarDivider"}],["$","h2",null,{"className":"SlxOxq_sidebarHeading","children":["Built with"," ",["$","span",null,{"children":"3"}]]}],["$","nav",null,{"className":"SlxOxq_categoryNav","aria-label":"Component frameworks","children":[["$","$L8f","react",{"active":false,"href":"/components?registry=%40magicui&framework=react","title":"React · 287","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"code-xml","size":24,"node":[["path",{"d":"m18 16 4-4-4-4","key":"1inbqp"}],["path",{"d":"m6 8-4 4 4 4","key":"15zrgr"}],["path",{"d":"m14.5 4-5 16","key":"e7oirm"}]],"aliases":["code-2"]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":true}]}],["$","span",null,{"className":"HzoemW_labelText","children":"React"}]]}],["$","span",null,{"children":"287"}]]}],["$","$L8f","solid",{"active":false,"href":"/components?registry=%40magicui&framework=solid","title":"Solid · 110","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":"$a3:2:props:children:0:props:children:0:props:children:0:props:children:props:icon","className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":true}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Solid"}]]}],["$","span",null,{"children":"110"}]]}],["$","$L8f","preact",{"active":false,"href":"/components?registry=%40magicui&framework=preact","title":"Preact · 70","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":"$a3:2:props:children:0:props:children:0:props:children:0:props:children:props:icon","className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":true}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Preact"}]]}],["$","span",null,{"children":"70"}]]}]]}]] 52:ob0,a4:["$","$Lb3",null,{"trail":[{"label":"UI components","href":"/components"},{"label":"@magicui","href":"/components?registry=%40magicui"}],"current":"Dither Field"}] b7:T69a2,52:o69a2,"use client" import { useEffect, useRef, useState, type CSSProperties } from "react" import { cn } from "@/lib/utils" /** * Each pattern is the GLSL body of `float pattern(vec2 p, vec2 size, float t)`. * `p` is the position in CSS pixels from the bottom-left corner, `size` is * the field size in CSS pixels and `t` is the time in seconds. Return the * light level, where 0 is dark and 1 is full light. Add an entry here to add * a pattern; the `pattern` prop type follows. */ const PATTERNS = { // A low sun on the bottom edge, with haze bands that drift up through it. horizon: ` float r = max(min(size.x * 0.42, size.y * 0.8), 90.0); vec2 d = (p - vec2(0.5 * size.x, -0.15 * r)) / vec2(1.25 * r, r); float wobble = fbm(vec2(atan(d.y, d.x) * 1.8, t * 0.04)) - 0.5; float rim = length(d) * (1.0 + 0.14 * wobble); float sun = exp(-3.4 * max(rim - 0.42, 0.0)) * 0.78; float h = p.y / r; float drift = (fbm(vec2(p.x / 320.0, t * 0.03)) - 0.5) * 2.4; float band = 0.5 + 0.5 * sin(log(1.0 + 7.0 * h) * 8.0 - t * 0.45 + drift); float haze = smoothstep(0.25, 0.95, band) * exp(-1.9 * h) * 0.5; float ground = exp(-p.y / 22.0) * 0.32; float sides = smoothstep(0.0, 0.2, p.x / size.x) * smoothstep(1.0, 0.8, p.x / size.x); return (sun * (1.0 + haze) + haze * 0.35 + ground) * sides * (1.0 + 0.04 * sin(t * 0.4)); `, // A soft orb in the middle that breathes and wanders a little. glow: ` vec2 c = 0.5 * size + vec2(sin(t * 0.21), cos(t * 0.17)) * 0.05 * size; float r = 0.5 * min(size.x, size.y); float d = length(p - c) / r; float n = fbm(p / 170.0 + vec2(t * 0.05, -t * 0.04)); return exp(-1.7 * d * d) * (0.75 + 0.45 * n) + 0.12 * n * exp(-d); `, // Curtains of light that hang from the top and sway. aurora: ` float sway = fbm(vec2(p.x / 600.0, t * 0.05)); float d = p.y / size.y - (0.45 + 0.35 * (sway - 0.5)); float curtain = d > 0.0 ? exp(-d * 4.0) : exp(d * 22.0); float rays = fbm(vec2(p.x / 70.0 + sway * 6.0, p.y / 900.0 - t * 0.08)); float shimmer = fbm(vec2(p.x / 40.0 - t * 0.05, 3.0)); return curtain * (0.25 + 0.75 * smoothstep(0.3, 0.75, rays)) * (0.6 + 0.5 * shimmer); `, // Slow diagonal swells, like dunes or contour lines. waves: ` vec2 q = p / 32.0; float warp = fbm(q * 0.09 + vec2(t * 0.035, t * 0.02)); float s = 0.5 + 0.5 * sin(q.x * 0.9 + q.y * 0.6 + warp * 5.0 - t * 0.4); float crest = s * s * s * s; return crest * (0.5 + 0.5 * p.y / size.y) + 0.12 * warp; `, // Drifting clouds that fill the whole area evenly. clouds: ` float n = fbm(p / 210.0 + vec2(t * 0.03, t * 0.012)); float m = fbm(p / 80.0 - vec2(t * 0.02, 0.0)); return smoothstep(0.28, 0.78, n) * (0.7 + 0.5 * m); `, } as const export type DitherPattern = keyof typeof PATTERNS /** One colour, or a `[low, mid, high]` ramp from dim dots to bright dots. */ export type DitherColor = string | readonly [string, string, string] export interface DitherFieldProps extends Omit< React.ComponentPropsWithoutRef<"div">, "color" > { /** * The procedural light field that the dots follow. * @default "horizon" */ pattern?: DitherPattern /** * An image or video URL to dither instead of the pattern. Bright areas get * more dots. URLs ending in .mp4, .webm, .ogv, .mov or .m4v (or * `data:video/` URLs) play as muted, looping video. Remote files must allow * CORS. */ src?: string /** * Any CSS colour, including `var(--primary)` and `currentColor`, or a * `[low, mid, high]` ramp. One colour fades from 35% to full opacity. * @default "currentColor" */ color?: DitherColor /** * The size of one dot in CSS pixels. Dots snap to whole device pixels. * @default 1 */ dotSize?: number /** * Brightness of the field. 0 shows only the pointer glow; above 1 fills more. * @default 0.75 */ intensity?: number /** * Animation speed multiplier. `0` holds a still frame. * @default 1 */ speed?: number /** * Frame rate cap. The dots read as a still texture, so 30 is plenty. * @default 30 */ fps?: number /** * Brighten the field around the mouse, the pen or a held finger. * @default true */ interactive?: boolean } type Rgba = [number, number, number, number] type Media = HTMLImageElement | HTMLVideoElement type Renderer = { /** Sizes the dot grid (canvas pixels) and the field (CSS pixels). */ resize: (dotsX: number, dotsY: number, cssX: number, cssY: number) => void setRamp: (ramp: Rgba[]) => void setIntensity: (intensity: number) => void setMedia: (media: Media | null) => void draw: (time: number, pointer: [number, number, number]) => void dispose: () => void } const VERTEX = `#version 300 es void main() { vec2 corner = vec2(gl_VertexID == 1 ? 3.0 : -1.0, gl_VertexID == 2 ? 3.0 : -1.0); gl_Position = vec4(corner, 0.0, 1.0); }` const FIELD_HEADER = `#version 300 es precision highp float; uniform vec2 uSize; uniform vec2 uView; uniform float uTime; out vec4 outColor; float hash(vec2 p) { return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453); } float noise(vec2 p) { vec2 i = floor(p); vec2 f = fract(p); f = f * f * (3.0 - 2.0 * f); float a = hash(i); float b = hash(i + vec2(1.0, 0.0)); float c = hash(i + vec2(0.0, 1.0)); float d = hash(i + vec2(1.0, 1.0)); return mix(mix(a, b, f.x), mix(c, d, f.x), f.y); } float fbm(vec2 p) { float sum = 0.0; float amp = 0.5; mat2 turn = mat2(0.8, 0.6, -0.6, 0.8); for (int i = 0; i < 5; i++) { sum += amp * noise(p); p = turn * p * 2.0 + 11.7; amp *= 0.5; } return sum; } ` const FIELD_MAIN = ` void main() { vec2 p = gl_FragCoord.xy / uView * uSize; float v = pattern(p, uSize, uTime); outColor = vec4(clamp(v, 0.0, 1.0), 0.0, 0.0, 1.0); }` // Image and video: luminance under a cover fit, so bright areas get more dots. const MEDIA_PATTERN = ` uniform sampler2D uMedia; uniform vec2 uMediaSize; float pattern(vec2 p, vec2 size, float t) { float scale = max(size.x / uMediaSize.x, size.y / uMediaSize.y); vec2 uv = (p - 0.5 * size) / (uMediaSize * scale) + 0.5; vec4 c = texture(uMedia, vec2(uv.x, 1.0 - uv.y)); return dot(c.rgb, vec3(0.2126, 0.7152, 0.0722)); } ` const DITHER = `#version 300 es precision highp float; uniform sampler2D uField; uniform vec2 uView; uniform vec4 uLow; uniform vec4 uMid; uniform vec4 uHigh; uniform float uIntensity; uniform vec3 uPointer; uniform float uDot; out vec4 outColor; // 8x8 ordered-dither threshold, built from the 2x2 matrix [0 2; 3 1]. The // lowest bit of the cell position carries the largest weight. float threshold(vec2 cell) { vec2 c = floor(cell); float sum = 0.0; float weight = 16.0; for (int i = 0; i < 3; i++) { vec2 b = mod(c, 2.0); sum += weight * mod(2.0 * b.x + 3.0 * b.y, 4.0); c = floor(c * 0.5); weight *= 0.25; } return (sum + 0.5) / 64.0; } void main() { vec2 uv = gl_FragCoord.xy / uView; float base = texture(uField, uv).r; float halo = textureLod(uField, uv, 1.0).r * 0.45 + textureLod(uField, uv, 2.2).r * 0.35 + textureLod(uField, uv, 3.4).r * 0.2; float v = base + 0.55 * halo; float over = max(v - 0.85, 0.0); v = min(v, 0.85) + over / (1.0 + 4.0 * over); v = clamp(v * uIntensity, 0.0, 1.0); // The pointer glow comes after intensity, so it shows on quiet fields too. vec2 away = gl_FragCoord.xy * uDot - uPointer.xy; v = min(v + uPointer.z * exp(-dot(away, away) / 28000.0) * (0.35 + 0.5 * v), 1.0); // Drop the faintest light, so empty areas stay empty instead of showing // a sparse, even grid. v = max(v - 0.02, 0.0) / 0.98; float on = step(threshold(gl_FragCoord.xy), v); vec4 c = v < 0.5 ? mix(uLow, uMid, v * 2.0) : mix(uMid, uHigh, v * 2.0 - 1.0); outColor = vec4(c.rgb * c.a, c.a) * on; }` /** The light field renders at this fraction of the CSS size, then blooms. */ const FIELD_SCALE = 0.6 const POINTER_EASE = 6 const VIDEO_FILE = /^data:video\/|\.(mp4|webm|ogv|mov|m4v)(\?|#|$)/i function compile(gl: WebGL2RenderingContext, fragment: string) { const program = gl.createProgram() for (const [type, source] of [ [gl.VERTEX_SHADER, VERTEX], [gl.FRAGMENT_SHADER, fragment], ] as const) { const shader = gl.createShader(type) if (!shader) return null gl.shaderSource(shader, source) gl.compileShader(shader) if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { console.warn("DitherField: shader error", gl.getShaderInfoLog(shader)) } gl.attachShader(program, shader) gl.deleteShader(shader) } gl.linkProgram(program) if (!gl.getProgramParameter(program, gl.LINK_STATUS)) { gl.deleteProgram(program) return null } return program } function createTexture(gl: WebGL2RenderingContext, mipmaps: boolean) { const texture = gl.createTexture() gl.bindTexture(gl.TEXTURE_2D, texture) const min = mipmaps ? gl.LINEAR_MIPMAP_LINEAR : gl.LINEAR gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, min) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE) return texture } /** * Two passes: the light field renders small into a mipmapped texture, then * the dither pass reads it with a bloom from the blurred mip levels and * thresholds it into dots, one canvas pixel per dot. Returns null when the * shaders do not compile, so the caller can fall back. */ function createRenderer( gl: WebGL2RenderingContext, patternSource: string ): Renderer | null { const field = compile(gl, `${FIELD_HEADER}${patternSource}${FIELD_MAIN}`) const dither = compile(gl, DITHER) if (!field || !dither) { gl.deleteProgram(field) gl.deleteProgram(dither) return null } const at = (program: WebGLProgram, name: string) => gl.getUniformLocation(program, name) const fieldTexture = createTexture(gl, true) const mediaTexture = createTexture(gl, false) const framebuffer = gl.createFramebuffer() let media: Media | null = null // Images upload once; video uploads a new frame on every draw. let mediaStale = false let view = [1, 1] let fieldView = [1, 1] let css = [1, 1] gl.useProgram(dither) gl.uniform1i(at(dither, "uField"), 0) gl.useProgram(field) gl.uniform1i(at(field, "uMedia"), 1) return { resize(dotsX, dotsY, cssX, cssY) { view = [dotsX, dotsY] css = [cssX, cssY] fieldView = [ Math.max(1, Math.round(cssX * FIELD_SCALE)), Math.max(1, Math.round(cssY * FIELD_SCALE)), ] gl.activeTexture(gl.TEXTURE0) gl.bindTexture(gl.TEXTURE_2D, fieldTexture) gl.texImage2D( gl.TEXTURE_2D, 0, gl.RGBA, fieldView[0], fieldView[1], 0, gl.RGBA, gl.UNSIGNED_BYTE, null ) gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer) gl.framebufferTexture2D( gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, fieldTexture, 0 ) gl.bindFramebuffer(gl.FRAMEBUFFER, null) }, setRamp([low, mid, high]) { gl.useProgram(dither) gl.uniform4f(at(dither, "uLow"), ...low) gl.uniform4f(at(dither, "uMid"), ...mid) gl.uniform4f(at(dither, "uHigh"), ...high) }, setIntensity(intensity) { gl.useProgram(dither) gl.uniform1f(at(dither, "uIntensity"), intensity) }, setMedia(next) { media = next mediaStale = true }, draw(time, pointer) { gl.useProgram(field) if (media) { const source = media const isVideo = source instanceof HTMLVideoElement const width = isVideo ? source.videoWidth : source.naturalWidth const height = isVideo ? source.videoHeight : source.naturalHeight if (!width || !height) return if (mediaStale || isVideo) { gl.activeTexture(gl.TEXTURE1) gl.bindTexture(gl.TEXTURE_2D, mediaTexture) gl.texImage2D( gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source ) gl.uniform2f(at(field, "uMediaSize"), width, height) mediaStale = false } } gl.uniform2f(at(field, "uSize"), css[0], css[1]) gl.uniform2f(at(field, "uView"), fieldView[0], fieldView[1]) gl.uniform1f(at(field, "uTime"), time) gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer) gl.viewport(0, 0, fieldView[0], fieldView[1]) gl.drawArrays(gl.TRIANGLES, 0, 3) gl.bindFramebuffer(gl.FRAMEBUFFER, null) gl.activeTexture(gl.TEXTURE0) gl.bindTexture(gl.TEXTURE_2D, fieldTexture) gl.generateMipmap(gl.TEXTURE_2D) gl.useProgram(dither) gl.uniform2f(at(dither, "uView"), view[0], view[1]) gl.uniform1f(at(dither, "uDot"), css[0] / view[0]) gl.uniform3f(at(dither, "uPointer"), ...pointer) gl.viewport(0, 0, view[0], view[1]) gl.drawArrays(gl.TRIANGLES, 0, 3) }, dispose() { gl.deleteProgram(field) gl.deleteProgram(dither) gl.deleteTexture(fieldTexture) gl.deleteTexture(mediaTexture) gl.deleteFramebuffer(framebuffer) }, } } const toRamp = (color: DitherColor) => typeof color === "string" ? [color, color, color] : [...color] /** * Resolves CSS colours (`var(--x)`, `currentColor`, `oklch()`) in the * context of `host`, then reads them back as straight RGBA through a * 1x1 canvas. A single colour fades from 35% to full opacity. */ function resolveRamp(host: HTMLElement, color: DitherColor): Rgba[] { const probe = document.createElement("span") probe.style.display = "none" host.appendChild(probe) const context = document .createElement("canvas") .getContext("2d", { willReadFrequently: true }) const fades = typeof color === "string" ? [0.35, 0.75, 1] : [1, 1, 1] const ramp = toRamp(color).map((value, index): Rgba => { probe.style.color = "" probe.style.color = value if (!context) return [0.5, 0.5, 0.5, fades[index]] context.clearRect(0, 0, 1, 1) context.fillStyle = "#808080" context.fillStyle = getComputedStyle(probe).color context.fillRect(0, 0, 1, 1) const [r, g, b, a] = context.getImageData(0, 0, 1, 1).data return [r / 255, g / 255, b / 255, (a / 255) * fades[index]] }) probe.remove() return ramp } function loadMedia( src: string, onReady: (media: Media) => void, onError: () => void ) { if (VIDEO_FILE.test(src)) { const video = document.createElement("video") video.crossOrigin = "anonymous" video.muted = true video.loop = true video.playsInline = true video.preload = "auto" video.addEventListener("loadeddata", () => onReady(video), { once: true }) video.addEventListener("error", onError, { once: true }) video.src = src return video } const image = new Image() image.crossOrigin = "anonymous" image.decoding = "async" image.addEventListener("load", () => onReady(image), { once: true }) image.addEventListener("error", onError, { once: true }) image.src = src return image } const ease = (from: number, to: number, rate: number, dt: number) => from + (to - from) * (1 - Math.exp(-rate * dt)) /** * An animated ordered-dither background. A soft light field, or an image or * video, is thresholded against an 8x8 Bayer matrix into crisp square dots * coloured from a three-stop ramp. Children render above the dots. */ export function DitherField({ pattern = "horizon", src, color = "currentColor", dotSize = 1, intensity = 0.75, speed = 1, fps = 30, interactive = true, className, children, ...props }: DitherFieldProps) { const rootRef = useRef(null) const layerRef = useRef(null) // The GL context only exists while the field is near the viewport, so a // page with many fields stays under the browser's cap of live contexts. const [near, setNear] = useState(false) const [fallback, setFallback] = useState(false) // Bumped when the browser restores a lost WebGL context. const [contextKey, setContextKey] = useState(0) // Read every frame, so changing them never rebuilds the GL state. const live = useRef({ color, intensity, speed, fps, interactive }) live.current = { color, intensity, speed, fps, interactive } const repaint = useRef(() => {}) // Kept across rebuilds, so a field that scrolls back into view resumes. const time = useRef(10) const shown = useRef(false) const colorKey = toRamp(color).join("|") useEffect(() => { const root = rootRef.current if (!root) return const observer = new IntersectionObserver( ([entry]) => setNear(entry.isIntersecting), { rootMargin: "100px" } ) observer.observe(root) return () => observer.disconnect() }, []) useEffect(() => { const root = rootRef.current const layer = layerRef.current if (!near || !root || !layer) return const canvas = document.createElement("canvas") canvas.className = "absolute top-0 left-0 opacity-0 transition-opacity duration-700 [image-rendering:pixelated] data-[ready]:opacity-100 motion-reduce:transition-none" const gl = canvas.getContext("webgl2", { alpha: true, premultipliedAlpha: true, antialias: false, depth: false, stencil: false, powerPreference: "low-power", }) const renderer = gl ? createRenderer( gl, src ? MEDIA_PATTERN : `float pattern(vec2 p, vec2 size, float t) {${PATTERNS[pattern]}}` ) : null if (!gl || !renderer) { gl?.getExtension("WEBGL_lose_context")?.loseContext() setFallback(true) return } setFallback(false) // A field that comes back into view skips the fade-in. if (shown.current) canvas.dataset.ready = "" layer.appendChild(canvas) const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)") const pointer = { x: 0, y: 0, clientX: 0, clientY: 0, on: false, hover: 0 } let previous = 0 let frame = 0 let cssHeight = 0 let ready = !src let lost = false let disposed = false const draw = () => { if (!ready || !cssHeight || lost) return renderer.draw(time.current, [pointer.x, pointer.y, pointer.hover]) canvas.dataset.ready = "" shown.current = true } const paint = () => { renderer.setRamp(resolveRamp(root, live.current.color)) renderer.setIntensity(live.current.intensity) draw() } repaint.current = paint // Theme changes can arrive in bursts; resolve the colours once a frame. let paintFrame = 0 const schedulePaint = () => { cancelAnimationFrame(paintFrame) paintFrame = requestAnimationFrame(paint) } // One dot is a whole number of device pixels, so dots stay crisp // squares on any screen. The canvas may overhang the root by under a // dot; the root clips it. Layout size, so transforms on a parent (an // entrance animation, say) do not shrink the grid. const resize = () => { const width = root.clientWidth const height = root.clientHeight if (!width || !height) return const dpr = window.devicePixelRatio || 1 const devicePerDot = Math.max(1, Math.round(dotSize * dpr)) const cssPerDot = devicePerDot / dpr const dotsX = Math.ceil((width * dpr) / devicePerDot) const dotsY = Math.ceil((height * dpr) / devicePerDot) cssHeight = dotsY * cssPerDot canvas.width = dotsX canvas.height = dotsY canvas.style.width = `${dotsX * cssPerDot}px` canvas.style.height = `${cssHeight}px` renderer.resize(dotsX, dotsY, dotsX * cssPerDot, cssHeight) draw() } // Animate only while the tab is visible and motion is allowed. // Otherwise hold the last frame. const sync = () => { const running = ready && !lost && !document.hidden && !reducedMotion.matches if (running && !frame) { previous = 0 frame = requestAnimationFrame(tick) video?.play().catch(() => {}) } else if (!running && frame) { cancelAnimationFrame(frame) frame = 0 video?.pause() } } const tick = (now: number) => { frame = requestAnimationFrame(tick) const { speed, fps, interactive } = live.current if (previous && now - previous < 1000 / Math.max(fps, 1) - 2) return // Real time since the last drawn frame, so a low fps keeps the same // speed. The clock restarts on resume, and a stalled main thread // cannot jump the field by more than 2 s. const dt = previous ? Math.min((now - previous) / 1000, 2) : 0 previous = now time.current += dt * speed const box = root.getBoundingClientRect() const left = box.left + root.clientLeft const top = box.top + root.clientTop const inside = interactive && pointer.on && pointer.clientX >= box.left && pointer.clientX <= box.right && pointer.clientY >= box.top && pointer.clientY <= box.bottom pointer.x = ease(pointer.x, pointer.clientX - left, POINTER_EASE, dt) pointer.y = ease( pointer.y, top + cssHeight - pointer.clientY, POINTER_EASE, dt ) pointer.hover = ease(pointer.hover, inside ? 1 : 0, 4, dt) draw() } const media = src ? loadMedia( src, (source) => { if (disposed) return renderer.setMedia(source) ready = true draw() sync() }, () => { if (!disposed) setFallback(true) } ) : null const video = media instanceof HTMLVideoElement ? media : null const onPointer = (event: PointerEvent) => { // A finger only counts while it is down. Hover events from a lifted // finger would leave the glow stuck where it last tapped. if (event.pointerType === "touch" && event.buttons === 0) return if (!pointer.on) { const box = root.getBoundingClientRect() pointer.x = event.clientX - box.left - root.clientLeft pointer.y = box.top + root.clientTop + cssHeight - event.clientY } pointer.clientX = event.clientX pointer.clientY = event.clientY pointer.on = true } const onLeave = () => { pointer.on = false } // Lifting the finger, or the browser taking over the touch to scroll, // fades the glow out. The listeners are passive, so scrolling is never // blocked. const onTouchEnd = (event: PointerEvent) => { if (event.pointerType === "touch") pointer.on = false } // A move to a screen with another pixel ratio changes the dot size // without resizing the element. let ratioQuery: MediaQueryList | null = null const watchRatio = () => { ratioQuery?.removeEventListener("change", onRatio) ratioQuery = window.matchMedia( `(resolution: ${window.devicePixelRatio}dppx)` ) ratioQuery.addEventListener("change", onRatio) } const onRatio = () => { resize() watchRatio() } // A lost context shows the CSS dots until the browser gives it back. const onLost = (event: Event) => { event.preventDefault() lost = true sync() setFallback(true) } const onRestored = () => setContextKey((key) => key + 1) const resizeObserver = new ResizeObserver(resize) // Theme switches usually toggle a class or attribute on . const themeObserver = new MutationObserver(schedulePaint) const darkQuery = window.matchMedia("(prefers-color-scheme: dark)") resize() paint() sync() watchRatio() resizeObserver.observe(root) themeObserver.observe(document.documentElement, { attributes: true, attributeFilter: ["class", "data-theme"], }) // The root's own class or style can change `currentColor` or a CSS // variable in the ramp, for example text-red-500 to text-blue-500. themeObserver.observe(root, { attributes: true, attributeFilter: ["class", "style"], }) darkQuery.addEventListener("change", schedulePaint) reducedMotion.addEventListener("change", sync) document.addEventListener("visibilitychange", sync) window.addEventListener("pointerdown", onPointer, { passive: true }) window.addEventListener("pointermove", onPointer, { passive: true }) window.addEventListener("pointerup", onTouchEnd, { passive: true }) window.addEventListener("pointercancel", onTouchEnd, { passive: true }) document.documentElement.addEventListener("pointerleave", onLeave) canvas.addEventListener("webglcontextlost", onLost) canvas.addEventListener("webglcontextrestored", onRestored) return () => { disposed = true cancelAnimationFrame(frame) cancelAnimationFrame(paintFrame) repaint.current = () => {} resizeObserver.disconnect() themeObserver.disconnect() ratioQuery?.removeEventListener("change", onRatio) darkQuery.removeEventListener("change", schedulePaint) reducedMotion.removeEventListener("change", sync) document.removeEventListener("visibilitychange", sync) window.removeEventListener("pointerdown", onPointer) window.removeEventListener("pointermove", onPointer) window.removeEventListener("pointerup", onTouchEnd) window.removeEventListener("pointercancel", onTouchEnd) document.documentElement.removeEventListener("pointerleave", onLeave) canvas.removeEventListener("webglcontextlost", onLost) canvas.removeEventListener("webglcontextrestored", onRestored) if (video) { video.pause() video.removeAttribute("src") video.load() } else { media?.removeAttribute("src") } renderer.dispose() gl.getExtension("WEBGL_lose_context")?.loseContext() canvas.remove() } }, [near, pattern, src, dotSize, contextKey]) useEffect(() => { repaint.current() }, [colorKey, intensity]) const [, mid] = toRamp(color) const fallbackStyle: CSSProperties = { backgroundImage: `radial-gradient(${mid} 0.6px, transparent 0.9px)`, backgroundSize: `${3 * dotSize}px ${3 * dotSize}px`, maskImage: "radial-gradient(ellipse at 50% 70%, black, transparent 75%)", WebkitMaskImage: "radial-gradient(ellipse at 50% 70%, black, transparent 75%)", opacity: Math.min(1, intensity), } return (

) } 52:o86e,a5:["$","div",null,{"data-test":"ui-component-detail","children":["$","div",null,{"className":"_9JKcGG_page","data-detail-layout":"ruled","children":[["$","$Lb4",null,{"children":["$","div",null,{"className":"_9JKcGG_columns","children":[["$","article",null,{"className":"_9JKcGG_main","aria-labelledby":"component-title","children":[["$","div",null,{"className":"_9JKcGG_section","children":[["$","$Lb5",null,{"logoUrl":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/logos/magicui.design/e4602d5e37585cbf.png","logoName":"magicui","logoTone":"light","logoClass":null,"title":"Dither Field","titleId":"component-title","actions":["$","a",null,{"href":"#install","data-test":"component-install-link","className":"discovery-control discovery-control-primary w-full sm:w-auto","children":[["$","$L51",null,{"ref":"$undefined","icon":{"name":"arrow-down","size":24,"node":[["path",{"d":"M12 5v14","key":"s699le"}],["path",{"d":"m19 12-7 7-7-7","key":"1idqje"}]]},"className":"$undefined","size":16,"aria-hidden":"true"}],"Install"]}],"children":[["$","span",null,{"children":["from ",["$","$L2a",null,{"href":"/components?registry=%40magicui","children":"@magicui"}]]}],null,null]}],["$","p",null,{"className":"IkwXMG_lead","children":"An animated WebGL2 background of Bayer-dithered square dots. The dots follow a light pattern, an image or a video, take one color or a three-stop ramp, and brighten under the pointer."}]]}],["$","section",null,{"className":"_9JKcGG_section","aria-labelledby":"preview-heading","data-section":"preview","children":[["$","h2",null,{"id":"preview-heading","children":"Preview and code"}],["$","$Lb6","magicui-dither-field",{"title":"Dither Field","slug":"magicui-dither-field","previewUrl":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/previews/magicui/magicui-dither-field-6bdd2f0cab70.html","previewStatus":"ready","files":[{"path":"registry/magicui/dither-field.tsx","type":"registry:ui","target":null,"language":"tsx","content":"$b7","bytes":27042,"permalink_url":null,"license_spdx":"MIT"}]}]]}],"$Lb8",false,"$Lb9","$Lba"]}],"$Lbb"]}]}],"$Lbc","$Lbd","$Lbe"]}]}] 52:o1000,bf:"ComponentShadcnSetup" c0:I[262253,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"$bf"] c1:I[2894,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"InstallTabs"] c4:I[132236,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"RelatedRow"] c5:I[315980,["$d","$e","$f","$10","$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29"],"ComponentTile"] a7:["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"layout-dashboard","size":24,"node":[["rect",{"width":"7","height":"9","x":"3","y":"3","rx":"1","key":"10lvy0"}],["rect",{"width":"7","height":"5","x":"14","y":"3","rx":"1","key":"16une8"}],["rect",{"width":"7","height":"9","x":"14","y":"12","rx":"1","key":"1hutg5"}],["rect",{"width":"7","height":"5","x":"3","y":"16","rx":"1","key":"ldoo1y"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}] a8:["$","span",null,{"className":"HzoemW_labelText","children":"Layout"}] a9:["$","span",null,{"children":"816"}] aa:["$","$L8f","overlays",{"active":false,"href":"/components?category=overlays","title":"Overlays · 780","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"blue","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"layers","size":24,"node":[["path",{"d":"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z","key":"zw3jo"}],["path",{"d":"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12","key":"1wduqc"}],["path",{"d":"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17","key":"kqbvx6"}]],"aliases":["layers-3"]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Overlays"}]]}],["$","span",null,{"children":"780"}]]}] ab:["$","$L8f","buttons",{"active":false,"href":"/components?category=buttons","title":"Buttons and actions · 560","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"violet","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"mouse-pointer-click","size":24,"node":[["path",{"d":"M14 4.1 12 6","key":"ita8i4"}],["path",{"d":"m5.1 8-2.9-.8","key":"1go3kf"}],["path",{"d":"m6 12-1.9 2","key":"mnht97"}],["path",{"d":"M7.2 2.2 8 5.1","key":"1cfko1"}],["path",{"d":"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z","key":"s0h3yz"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Buttons and actions"}]]}],["$","span",null,{"children":"560"}]]}] ac:["$","$L8f","text",{"active":false,"href":"/components?category=text","title":"Text · 476","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"violet","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"type","size":24,"node":[["path",{"d":"M12 4v16","key":"1654pz"}],["path",{"d":"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2","key":"e0r10z"}],["path",{"d":"M9 20h6","key":"s66wpe"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Text"}]]}],["$","span",null,{"children":"476"}]]}] ad:["$","$L8f","ai",{"active":false,"href":"/components?category=ai","title":"AI · 357","children":[["$","span",null,{"className":"HzoemW_label","data-52:o1000,tone":"violet","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"brain-circuit","size":24,"node":[["path",{"d":"M12 13h4","key":"1ku699"}],["path",{"d":"M12 18h6a2 2 0 012 2v1","key":"6s3bw4"}],["path",{"d":"M12 8h8","key":"1lhi5i"}],["path",{"d":"M12 9a4.17 4.17 0 01-3 4","key":"13l7kh"}],["path",{"d":"M16 8V5a2 2 0 012-2","key":"gais5y"}],["path",{"d":"M6 18a4 4 0 01-2-7.465","key":"1y2m15"}],["path",{"d":"M6.004 5.125a4 4 0 00-2.526 5.77","key":"3cw1ss"}],["path",{"d":"M6.294 6.294A3 3 0 1112 5v13a4 4 0 11-7.967-.518","key":"m2z1wm"}],["circle",{"cx":"16","cy":"13","r":"0.5","fill":"currentColor","key":"9zzywh"}],["circle",{"cx":"18","cy":"3","r":"0.5","fill":"currentColor","key":"i2xui6"}],["circle",{"cx":"20","cy":"21","r":"0.5","fill":"currentColor","key":"1dobdp"}],["circle",{"cx":"20","cy":"8","r":"0.5","fill":"currentColor","key":"r9nqlq"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"AI"}]]}],["$","span",null,{"children":"357"}]]}] ae:["$","$L8f","media",{"active":false,"href":"/components?category=media","title":"Media · 277","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"rose","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"clapperboard","size":24,"node":[["path",{"d":"m12.296 3.464 3.02 3.956","key":"qash78"}],["path",{"d":"M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z","key":"1h7j8b"}],["path",{"d":"M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z","key":"4lm6w1"}],["path",{"d":"m6.18 5.276 3.1 3.899","key":"zjj9t3"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Media"}]]}],["$","span",null,{"children":"277"}]]}] af:["$","$L8f","backgrounds",{"active":false,"href":"/components?category=backgrounds","title":"Backgrounds · 272","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"amber","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"swatch-book","size":24,"node":[["path",{"d":"M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z","key":"1ldrpk"}],["path",{"d":"M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7","key":"11i5po"}],["path",{"d":"M 7 17h.01","key":"1euzgo"}],["path",{"d":"m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8","key":"o2gii7"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Backgrounds"}]]}],["$","span",null,{"children":"272"}]]}] b0:["$","$L8f","icons",{"active":false,"href":"/components?category=icons","title":"Icons · 173","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"neutral","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"shapes","size":24,"node":[["path",{"d":"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z","key":"1bo67w"}],["rect",{"x":"3","y":"14","width":"7","height":"7","rx":"1","key":"1bkyp8"}],["circle",{"cx":"17.5","cy":"17.5","r":"3.5","key":"w3z12y"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Icons"}]]}],["$","span",null,{"children":"173"}]]}] b1:["$","$L8f","marketing",{"active":false,"href":"/components?category=marketing","title":"Marketing · 108","children":[["$","span",null,{"className":"HzoemW_label","data-tone":"amber","children":[["$","span",null,{"className":"HzoemW_iconTile","children":["$","$L51",null,{"ref":"$undefined","icon":{"name":"megaphone","size":24,"node":[["path",{"d":"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z","key":"q8bfy3"}],["path",{"d":"M6 14a12 12 0 0 52:o6c6,0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14","key":"1853fq"}],["path",{"d":"M8 6v8","key":"15ugcq"}]]},"className":"$undefined","size":18,"strokeWidth":1.6,"aria-hidden":"true"}]}],["$","span",null,{"className":"HzoemW_labelText","children":"Marketing"}]]}],["$","span",null,{"children":"108"}]]}] b8:["$","section",null,{"id":"install","tabIndex":-1,"className":"_9JKcGG_section","aria-labelledby":"install-heading","data-section":"install","children":[["$","h2",null,{"id":"install-heading","children":"Install"}],[["$","$Lc0",null,{"namespaced":true}],["$","$Lc1",null,{"commands":[{"id":"pnpm","label":"pnpm","text":"pnpm dlx shadcn@latest add @magicui/dither-field"},{"id":"npm","label":"npm","text":"npx shadcn@latest add @magicui/dither-field"},{"id":"yarn","label":"yarn","text":"yarn dlx shadcn@latest add @magicui/dither-field"},{"id":"bun","label":"bun","text":"bunx --bun shadcn@latest add @magicui/dither-field"}],"label":"Package manager"}]]]}] b9:["$","section",null,{"className":"_9JKcGG_section","aria-labelledby":"registry-deps-heading","data-section":"registry-dependencies","children":[["$","h2",null,{"id":"registry-deps-heading","children":["Registry dependencies",["$","span",null,{"className":"_9JKcGG_headingCount","children":"0"}]]}],["$","p",null,{"className":"IkwXMG_hint","children":"The CLI adds no other registry items with this one."}]]}] ba:["$","section",null,{"className":"_9JKcGG_section","aria-labelledby":"packages-heading","data-section":"packages","children":[["$","h2",null,{"id":"packages-heading","children":["Packages",["$","span",null,{"className":"_9JKcGG_headingCount","children":"0"}]]}],["$","p",null,{"className":"IkwXMG_hint","children":"No npm packages are installed with it."}]]}] 52:ofa5,bb:["$","div",null,{"className":"_9JKcGG_rail","children":["$","aside",null,{"aria-label":"About this component","className":"flex min-w-0 flex-col gap-(--ts-space-8) self-start @min-[880px]:sticky @min-[880px]:top-(--ts-rail-top) @min-[880px]:-m-(--ts-space-1) @min-[880px]:max-h-[calc(100dvh-var(--ts-rail-top)-var(--ts-space-6))] @min-[880px]:[scrollbar-width:thin] @min-[880px]:overflow-y-auto @min-[880px]:p-(--ts-space-1)","children":["$","div",null,{"className":"_9JKcGG_railGroups","children":[["$","section",null,{"aria-label":"Details","className":"flex min-w-0 flex-col gap-(--ts-space-1)","children":["$undefined",["$","dl",null,{"children":[["$","div","Registry",{"data-fact-row":"","className":"border-border/50 flex h-9 items-center justify-between gap-(--ts-space-4) border-t text-(length:--ts-text-sm) leading-(--ts-lh-sm) first:border-t-0","children":[["$","dt",null,{"className":"text-muted-foreground flex-none","children":"Registry"}],["$","dd",null,{"title":"$undefined","className":"text-foreground [&_a_svg]:text-muted-foreground min-w-0 truncate text-right tabular-nums [&_a]:inline [&_a_svg]:mr-(--ts-space-1) [&_a_svg]:inline [&_a_svg]:align-[-2px] [&_a:hover]:underline [&_a:hover]:underline-offset-[3px]","children":["$","$L2a",null,{"href":"/components?registry=%40magicui","children":"@magicui"}]}]]}],["$","div","Type",{"data-fact-row":"","className":"border-border/50 flex h-9 items-center justify-between gap-(--ts-space-4) border-t text-(length:--ts-text-sm) leading-(--ts-lh-sm) first:border-t-0","children":[["$","dt",null,{"className":"text-muted-foreground flex-none","children":"Type"}],["$","dd",null,{"title":"$undefined","className":"text-foreground [&_a_svg]:text-muted-foreground min-w-0 truncate text-right tabular-nums [&_a]:inline [&_a_svg]:mr-(--ts-space-1) [&_a_svg]:inline [&_a_svg]:align-[-2px] [&_a:hover]:underline [&_a:hover]:underline-offset-[3px]","children":"ui"}]]}]]}]]}],["$","section",null,{"aria-label":"Source","className":"flex min-w-0 flex-col gap-(--ts-space-1)","children":[["$","h2",null,{"className":"text-muted-foreground text-(length:--ts-text-xs) leading-(--ts-lh-xs) font-(--ts-weight-bold) tracking-(--ts-track-caps) uppercase","children":"Source"}],["$","dl",null,{"children":[["$","div","Item",{"data-fact-row":"","className":"border-border/50 flex h-9 items-center justify-between gap-(--ts-space-4) border-t text-(length:--ts-text-sm) leading-(--ts-lh-sm) first:border-t-0","children":[["$","dt",null,{"className":"text-muted-foreground flex-none","children":"Item"}],["$","dd",null,{"title":"https://magicui.design/r/dither-field","className":"text-foreground [&_a_svg]:text-muted-foreground min-w-0 truncate text-right tabular-nums [&_a]:inline [&_a_svg]:mr-(--ts-space-1) [&_a_svg]:inline [&_a_svg]:align-[-2px] [&_a:hover]:underline [&_a:hover]:underline-offset-[3px]","children":["$","a",null,{"href":"https://magicui.design/r/dither-field","target":"_blank","rel":"noopener noreferrer","children":["dither-field",".json"]}]}]]}],["$","div","Index",{"data-fact-row":"","className":"border-border/50 flex h-9 items-center justify-between gap-(--ts-space-4) border-t text-(length:--ts-text-sm) leading-(--ts-lh-sm) first:border-t-0","children":[["$","dt",null,{"className":"text-muted-foreground flex-none","children":"Index"}],["$","dd",null,{"title":"https://magicui.design/r/registry","className":"text-foreground [&_a_svg]:text-muted-foreground min-w-0 truncate text-right tabular-nums [&_a]:inline [&_a_svg]:mr-(--ts-space-1) [&_a_svg]:inline [&_a_svg]:align-[-2px] [&_a:hover]:underline [&_a:hover]:underline-offset-[3px]","children":["$","a",null,{"href":"https://magicui.design/r/registry","target":"_blank","rel":"noopener noreferrer","children":"registry.json"}]}]]}],["$","div","Checked",{"data-fact-row":"","className":"border-border/50 flex h-9 items-center justify-between gap-(--ts-space-4) border-t text-(length:--ts-text-sm) leading-(--ts-lh-sm) first:border-t-0","children":["$Lc2","$Lc3"]}]]}]]}]]}]}]}] 52:o1105,bc:["$","$Lc4",null,{"id":"registry","title":"More from @magicui","count":78,"noun":["component","components"],"viewAll":{"href":"/components?registry=%40magicui","label":"All @magicui"},"children":[["$","$Lc5","@magicui/magicui-android",{"href":"/components/magicui-android","name":"Android","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-android-light-5ef300d5aca4.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-android-dark-5ef300d5aca4.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-android-light-5ef300d5aca4.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-android-dark-5ef300d5aca4.mp4"}}],["$","$Lc5","@magicui/magicui-animated-beam",{"href":"/components/magicui-animated-beam","name":"Animated Beam","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-beam-light-4fa76deca8d1.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-beam-dark-4fa76deca8d1.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-beam-light-4fa76deca8d1.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-beam-dark-4fa76deca8d1.mp4"}}],["$","$Lc5","@magicui/magicui-animated-circular-progress-bar",{"href":"/components/magicui-animated-circular-progress-bar","name":"Animated Circular Progress Bar","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-circular-progress-bar-light-1af9997caebc.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-circular-progress-bar-dark-1af9997caebc.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-circular-progress-bar-light-1af9997caebc.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-circular-progress-bar-dark-1af9997caebc.mp4"}}],["$","$Lc5","@magicui/magicui-animated-gradient-text",{"href":"/components/magicui-animated-gradient-text","name":"Animated Gradient Text","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-gradient-text-light-1288c68a2536.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-gradient-text-dark-1288c68a2536.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-gradient-text-light-1288c68a2536.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-gradient-text-dark-1288c68a2536.mp4"}}],["$","$Lc5","@magicui/magicui-animated-grid-pattern",{"href":"/components/magicui-animated-grid-pattern","name":"Animated Grid Pattern","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-grid-pattern-light-80cfe7eafce5.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-grid-pattern-dark-80cfe7eafce5.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-grid-pattern-light-80cfe7eafce5.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-grid-pattern-dark-80cfe7eafce5.mp4"}}],"$Lc6","$Lc7","$Lc8","$Lc9","$Lca","$Lcb","$Lcc"]}] 52:oec,bd:["$","$Lc4",null,{"id":"skills","title":"Related skills","count":0,"noun":["skill","skills"],"children":[]}] be:["$","$Lc4",null,{"id":"mcp-servers","title":"Related MCP servers","count":0,"noun":["server","servers"],"children":[]}] 52:o1000,c2:["$","dt",null,{"className":"text-muted-foreground flex-none","children":"Checked"}] c3:["$","dd",null,{"title":"$undefined","className":"text-foreground [&_a_svg]:text-muted-foreground min-w-0 truncate text-right tabular-nums [&_a]:inline [&_a_svg]:mr-(--ts-space-1) [&_a_svg]:inline [&_a_svg]:align-[-2px] [&_a:hover]:underline [&_a:hover]:underline-offset-[3px]","children":["$","span",null,{"className":"font-mono tabular-nums","children":["$","time",null,{"dateTime":"2026-11-14T03:53:38.845+00:00","children":"Nov 14, 2026"}]}]}] c6:["$","$Lc5","@magicui/magicui-animated-list",{"href":"/components/magicui-animated-list","name":"Animated List","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-list-light-d45148210918.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-list-dark-d45148210918.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-list-light-d45148210918.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-list-dark-d45148210918.mp4"}}] c7:["$","$Lc5","@magicui/magicui-animated-shiny-text",{"href":"/components/magicui-animated-shiny-text","name":"Animated Shiny Text","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-shiny-text-light-bbd196bb81a9.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-shiny-text-dark-bbd196bb81a9.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-shiny-text-light-bbd196bb81a9.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-shiny-text-dark-bbd196bb81a9.mp4"}}] c8:["$","$Lc5","@magicui/magicui-animated-theme-toggler",{"href":"/components/magicui-animated-theme-toggler","name":"Theme Toggler","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-theme-toggler-light-b7a43f88bca1.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-theme-toggler-dark-b7a43f88bca1.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-theme-toggler-light-b7a43f88bca1.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-animated-theme-toggler-dark-b7a43f88bca1.mp4"}}] c9:["$","$Lc5","@magicui/magicui-aurora-text",{"href":"/components/magicui-aurora-text","name":"Aurora Text","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-aurora-text-light-bac200e4d814.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-aurora-text-dark-bac200e4d814.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-aurora-text-light-bac200e4d814.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-aurora-text-dark-bac200e4d814.mp4"}}] ca:["$","$Lc5","@magicui/magicui-avatar-circles",{"href":"/components/magicui-avatar-circles","name":"Avatar Circles","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-avatar-circles-light-4759cd99d61d.webp","posterDark":"https://bp52:o4be,yupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-avatar-circles-dark-4759cd99d61d.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-avatar-circles-light-4759cd99d61d.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-avatar-circles-dark-4759cd99d61d.mp4"}}] cb:["$","$Lc5","@magicui/magicui-backlight",{"href":"/components/magicui-backlight","name":"Backlight","registry":"@magicui","media":{"posterLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-backlight-light-a8fc2440c06d.webp","posterDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-backlight-dark-a8fc2440c06d.webp","videoLight":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-backlight-light-a8fc2440c06d.mp4","videoDark":"https://bpyupjqkgrdpgtydxmvk.supabase.co/storage/v1/object/public/component-previews/media/magicui/magicui-backlight-dark-a8fc2440c06d.mp4"}}] 52:o8e1,cc:["$","article","@magicui/magicui-bento-grid",{"data-catalog-card":"repo","data-density":"regular","style":{"padding":"var(--ts-card-pad)","minHeight":"var(--ts-card-min-h)","gap":"var(--ts-card-gap)"},"className":"hover:bg-muted/50 has-[a:focus-visible]:outline-foreground relative flex h-full min-w-0 flex-col rounded-none transition-colors has-[a:focus-visible]:outline-2 has-[a:focus-visible]:-outline-offset-2 ","children":[["$","div",null,{"className":"flex min-w-0 items-center","style":{"gap":"var(--ts-card-id-gap)"},"children":[["$","$L90",null,{"src":"$undefined","tone":null,"logoClass":null,"logos":null,"name":"M","size":32,"sizeVar":"var(--ts-card-logo)","radiusVar":"var(--ts-card-logo-radius)"}],["$","div",null,{"className":"flex min-w-0 flex-col","children":[["$","div",null,{"className":"flex min-w-0 items-center gap-1","children":[["$","$L2a",null,{"href":"/components/magicui-bento-grid","target":"$undefined","rel":"$undefined","className":"text-body-strong text-foreground truncate outline-none after:absolute after:inset-0","children":["Bento Grid",["$","span",null,{"className":"sr-only top-0 left-0","children":[" ","component"]}]]}],false]}],["$","span",null,{"className":"text-caption-strong text-foreground flex min-w-0 items-center gap-1.5","children":[false,["$","span",null,{"className":"truncate","children":"@magicui"}],null]}]]}]]}],["$","p",null,{"className":"text-small text-muted-foreground line-clamp-2 min-h-10 text-pretty","children":"Bento grid is a layout used to showcase the features of a product in a simple and elegant way."}],["$","div",null,{"data-card-meta":true,"className":"text-caption-strong text-foreground mt-auto flex min-w-0 items-center justify-between tabular-nums","style":{"gap":"var(--ts-meta-gap)"},"children":[["$","div",null,{"data-card-meta-items":true,"data-card-meta-start":true,"className":"flex h-6 min-w-0 flex-1 flex-wrap items-center overflow-hidden whitespace-nowrap *:shrink-0","style":{"columnGap":"var(--ts-meta-gap)","rowGap":"24px"},"children":[["$","span",null,{"className":"text-muted-foreground","children":["$","span",null,{"className":"IkwXMG_cardMeta","children":[null,["$","span",null,{"className":"IkwXMG_cardFacts","children":"1 registry dep · 1 package"}]]}]}],[]]}],null]}]]}] 52:o13,45:false 44:114060 52:o1c,43:C 42:C 1:C 3a:C 33:C b:C 52:C

The Signal

Preview and code

Preview and code

Install

Registry dependencies0

Packages0

More from @magicui78, 78 components

More from @magicui, 78 components