94:I[903690,["/chat-static/_next/static/chunks/350425sq4h0_m.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3_e1le12ldpqs.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/15arfkcfit5sz.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3rqx7sbpqnwga.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1r8nmvs6_rpja.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1n89ydk8ccom8.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2ynu6mgagwdj1.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1bxdx5g1i2u3_.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3c0qka1hg-iqt.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3kttbsa09z94i.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2s6vyh6zt9utn.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/395vtu34--uvp.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/105h5cas-3jdf.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0xt2xmw3qhxnw.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/26i06jc5kvmaj.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1nv4rik4luyt3.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/42qj3jlkt-gsv.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3w1s5uwmgh04y.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3eky-7-iak2ku.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0d2lsedvss_wq.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1yj2qc3b88ry8.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3x_wkg7f9hipy.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk"],"ExplicitChatIdProvider"] 95:I[838238,["/chat-static/_next/static/chunks/350425sq4h0_m.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/19ru4sx2xipbx.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0tnuf2s5s5v2b.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3_e1le12ldpqs.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/15arfkcfit5sz.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0ij3lwrjqs3o9.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3rqx7sbpqnwga.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1r8nmvs6_rpja.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1n89ydk8ccom8.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2ynu6mgagwdj1.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1bxdx5g1i2u3_.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3ekidzlkpx_x-.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3c0qka1hg-iqt.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3kttbsa09z94i.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/2s6vyh6zt9utn.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/395vtu34--uvp.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/105h5cas-3jdf.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0kwqxvdt6a1ea.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0xt2xmw3qhxnw.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/26i06jc5kvmaj.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1nv4rik4luyt3.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/42qj3jlkt-gsv.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3w1s5uwmgh04y.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3eky-7-iak2ku.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/0d2lsedvss_wq.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/1yj2qc3b88ry8.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk","/chat-static/_next/static/chunks/3x_wkg7f9hipy.js?dpl=dpl_88BdNyriwgU8uLgwmGxde9zGSLmk"],"SWRDataProvider"] 96:T2016,[V0_FILE]typescriptreact:file="use-coffee-animation.ts" isFixed="true" isMerged="true" "use client" import { useState, useEffect } from "react" export function useCoffeeAnimation(isPouring: boolean) { const [cupFillLevel, setCupFillLevel] = useState(0) useEffect(() => { if (isPouring) { const fillInterval = setInterval(() => { setCupFillLevel((prev) => { if (prev >= 1) { clearInterval(fillInterval) return 1 } return prev + 0.01 }) }, 20) return () => clearInterval(fillInterval) } else { setCupFillLevel(0) } }, [isPouring]) return cupFillLevel } [V0_FILE]typescriptreact:file="coffee-machine-animation.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" import { useCoffeeAnimation } from "./use-coffee-animation" export default function CoffeeMachineAnimation() { const [isPouring, setIsPouring] = useState(false) const cupFillLevel = useCoffeeAnimation(isPouring) const startPouring = () => { setIsPouring(true) } const resetAnimation = () => { setIsPouring(false) } return (

) } function CoffeeMachine({ isPouring }: { isPouring: boolean }) { return ( ) } function Cup({ fillLevel }: { fillLevel: number }) { return ( ) } [V0_FILE]typescriptreact:file="coffee-machine.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { motion } from "framer-motion" import { Button } from "@/components/ui/button" const SmokeParticle = ({ delay, x }: { delay: number; x: number }) => ( ) export default function CoffeeMachine() { const [isPouring, setIsPouring] = useState(false) const [fillLevel, setFillLevel] = useState(0) const [showSmoke, setShowSmoke] = useState(false) const startPouring = () => { setIsPouring(true) setShowSmoke(false) const timer = setTimeout(() => { setIsPouring(false) setShowSmoke(true) setTimeout(() => setShowSmoke(false), 3000) // Show smoke for 3 seconds after pouring setFillLevel(0) }, 3000) let level = 0 const fillInterval = setInterval(() => { level += 0.1 if (level >= 1) { clearInterval(fillInterval) } else { setFillLevel(level) } }, 300) return () => { clearTimeout(timer) clearInterval(fillInterval) } } return (

) } 8a:["$","$L94",null,{"chatId":"TXb6tryaFyn","children":["$","$L95",null,{"data":{"@\"active-block\",\"TXb6tryaFyn\",":{"id":"b_LFedBrGgkQr","messageId":"cg5wa6tEHqPajV6MDyJ5M68ZLfl3ZXVP","source":"$96","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"coffee-machine-animation","type":"code-project","project":"coffee-machine-animation"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"TXb6tryaFyn\",":false,"":null},"children":"$L97"}]}]

About

Tags

Share

About

Tags

Share

More from vixclotet

More Templates Like This