87:I[903690,["/chat-static/_next/static/immutable/chunks/1hvmcjd5hc5aa.js","/chat-static/_next/static/immutable/chunks/3aj0le9atne1i.js","/chat-static/_next/static/immutable/chunks/0-5txco-6137a.js","/chat-static/_next/static/immutable/chunks/0mgs4wqcl5962.js","/chat-static/_next/static/immutable/chunks/3x6gcbxpbz3iu.js","/chat-static/_next/static/immutable/chunks/0ym777lqvrt5s.js","/chat-static/_next/static/immutable/chunks/1w5r77sxnx-a8.js","/chat-static/_next/static/immutable/chunks/3drjbn90ue_90.js","/chat-static/_next/static/immutable/chunks/2c5x13d35htc2.js","/chat-static/_next/static/immutable/chunks/1-slcfp_1t3y8.js","/chat-static/_next/static/immutable/chunks/2pdd-s6iiekpm.js","/chat-static/_next/static/immutable/chunks/37vdsain5dj8e.js","/chat-static/_next/static/immutable/chunks/2revzn0ra78tw.js","/chat-static/_next/static/immutable/chunks/0p-4ng0o5ev-8.js","/chat-static/_next/static/immutable/chunks/0y0abyn5ugk-p.js","/chat-static/_next/static/immutable/chunks/1hv3fauazzbxa.js","/chat-static/_next/static/immutable/chunks/2e28sx_kq80r2.js","/chat-static/_next/static/immutable/chunks/2h238qu78yrc7.js","/chat-static/_next/static/immutable/chunks/2x44da_dej4ip.js","/chat-static/_next/static/immutable/chunks/3aw1e92bm1ry7.js","/chat-static/_next/static/immutable/chunks/3fiveavjhj9ru.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3025bsg9g6e_z.js","/chat-static/_next/static/immutable/chunks/3ys8bz0r_p91z.js","/chat-static/_next/static/immutable/chunks/03h76be12-ovw.js","/chat-static/_next/static/immutable/chunks/1d_gyuid_v8gr.js","/chat-static/_next/static/immutable/chunks/27wmvucw_tz8x.js","/chat-static/_next/static/immutable/chunks/35fjy1hhq-fzf.js","/chat-static/_next/static/immutable/chunks/32pgl19za38m-.js","/chat-static/_next/static/immutable/chunks/0qbp_tmapm960.js","/chat-static/_next/static/immutable/chunks/3nb_05elm44hm.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/1eflnodhwvtg-.js","/chat-static/_next/static/immutable/chunks/1xgeqxjam9gsi.js","/chat-static/_next/static/immutable/chunks/14alyrtw-3tnj.js","/chat-static/_next/static/immutable/chunks/2hgofp7hk5kmp.js","/chat-static/_next/static/immutable/chunks/2-da4s7lxxxe-.js","/chat-static/_next/static/immutable/chunks/13g5y73y1hndw.js","/chat-static/_next/static/immutable/chunks/3ephz4bxxc3k5.js","/chat-static/_next/static/immutable/chunks/0hrvrtrccqfbd.js","/chat-static/_next/static/immutable/chunks/2-3b-j6v1pe1z.js","/chat-static/_next/static/immutable/chunks/3mqmmu0n82tlo.js"],"ExplicitChatIdProvider"] 88:I[838238,["/chat-static/_next/static/immutable/chunks/1hvmcjd5hc5aa.js","/chat-static/_next/static/immutable/chunks/3aj0le9atne1i.js","/chat-static/_next/static/immutable/chunks/0-5txco-6137a.js","/chat-static/_next/static/immutable/chunks/0mgs4wqcl5962.js","/chat-static/_next/static/immutable/chunks/3x6gcbxpbz3iu.js","/chat-static/_next/static/immutable/chunks/0ym777lqvrt5s.js","/chat-static/_next/static/immutable/chunks/1w5r77sxnx-a8.js","/chat-static/_next/static/immutable/chunks/3drjbn90ue_90.js","/chat-static/_next/static/immutable/chunks/2c5x13d35htc2.js","/chat-static/_next/static/immutable/chunks/1-slcfp_1t3y8.js","/chat-static/_next/static/immutable/chunks/2pdd-s6iiekpm.js","/chat-static/_next/static/immutable/chunks/37vdsain5dj8e.js","/chat-static/_next/static/immutable/chunks/2revzn0ra78tw.js","/chat-static/_next/static/immutable/chunks/0p-4ng0o5ev-8.js","/chat-static/_next/static/immutable/chunks/0y0abyn5ugk-p.js","/chat-static/_next/static/immutable/chunks/1hv3fauazzbxa.js","/chat-static/_next/static/immutable/chunks/2e28sx_kq80r2.js","/chat-static/_next/static/immutable/chunks/2h238qu78yrc7.js","/chat-static/_next/static/immutable/chunks/2x44da_dej4ip.js","/chat-static/_next/static/immutable/chunks/3aw1e92bm1ry7.js","/chat-static/_next/static/immutable/chunks/3fiveavjhj9ru.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/3025bsg9g6e_z.js","/chat-static/_next/static/immutable/chunks/3ys8bz0r_p91z.js","/chat-static/_next/static/immutable/chunks/03h76be12-ovw.js","/chat-static/_next/static/immutable/chunks/1d_gyuid_v8gr.js","/chat-static/_next/static/immutable/chunks/27wmvucw_tz8x.js","/chat-static/_next/static/immutable/chunks/35fjy1hhq-fzf.js","/chat-static/_next/static/immutable/chunks/32pgl19za38m-.js","/chat-static/_next/static/immutable/chunks/0qbp_tmapm960.js","/chat-static/_next/static/immutable/chunks/3nb_05elm44hm.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/1eflnodhwvtg-.js","/chat-static/_next/static/immutable/chunks/1xgeqxjam9gsi.js","/chat-static/_next/static/immutable/chunks/14alyrtw-3tnj.js","/chat-static/_next/static/immutable/chunks/2hgofp7hk5kmp.js","/chat-static/_next/static/immutable/chunks/2-da4s7lxxxe-.js","/chat-static/_next/static/immutable/chunks/13g5y73y1hndw.js","/chat-static/_next/static/immutable/chunks/3ephz4bxxc3k5.js","/chat-static/_next/static/immutable/chunks/0hrvrtrccqfbd.js","/chat-static/_next/static/immutable/chunks/2-3b-j6v1pe1z.js","/chat-static/_next/static/immutable/chunks/3mqmmu0n82tlo.js"],"SWRDataProvider"] 89:T1215,[V0_FILE]typescriptreact:file="components/kokonutui/background-paths.tsx" "use client" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" function FloatingPaths({ position }: { position: number }) { const paths = Array.from({ length: 36 }, (_, i) => ({ id: i, d: `M-${380 - i * 5 * position} -${189 + i * 6}C-${ 380 - i * 5 * position } -${189 + i * 6} -${312 - i * 5 * position} ${216 - i * 6} ${ 152 - i * 5 * position } ${343 - i * 6}C${616 - i * 5 * position} ${470 - i * 6} ${ 684 - i * 5 * position } ${875 - i * 6} ${684 - i * 5 * position} ${875 - i * 6}`, color: `rgba(15,23,42,${0.1 + i * 0.03})`, width: 0.5 + i * 0.03, })) return (

) } export default function BackgroundPaths({ title = "Background Paths", }: { title?: string }) { const words = title.split(" ") return (

{words.map((word, wordIndex) => ( {word.split("").map((letter, letterIndex) => ( {letter} ))} ))}

) } 7d:["$","$L87",null,{"chatId":"F226u4RiDrY","children":["$","$L88",null,{"data":{"@\"active-block\",\"F226u4RiDrY\",":{"id":"b_dgtjehEobtM","messageId":"KcOmyhd8wPeF9A1NIGFeeQ9YtJS6gUrp","source":"$89","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"background-paths","type":"code-project","project":"background-paths"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"F226u4RiDrY\",":false,"":null},"children":"$L8a"}]}]

About

Tags

Share

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This