whey.party
an independent Bluesky client using Constellation, PDS Queries, and other services
reddwarf.app
frontend
spa
bluesky
reddwarf
microcosm
client
app
1import { useEffect, useState } from "react";
2
3export default function ShrinkingBox() {
4 const [size, setSize] = useState(2000);
5
6 useEffect(() => {
7 const interval = setInterval(() => {
8 setSize(prev => Math.max(prev - 125, 0));
9 }, 250);
10
11 return () => clearInterval(interval);
12 }, []);
13
14 return (
15 <div
16 style={{
17 //width: `${size}px`,
18 height: `${size}px`,
19 //backgroundColor: "skyblue",
20 transition: "all 0.5s ease",
21 }}
22 />
23 );
24}