+ A collection of components, utilities, and experiments. These artifacts are intentionally small or experimental and do not warrant their own repositories. Browse, copy, and adapt as needed.
+
-
- )
-}
+import Link from "next/link"
+import { ArrowUpRight, Sparkles } from "lucide-react"
+import { Section } from "@/components/ui/section"
+import { cn } from "@/lib/utils"
+import { HeroPill } from "@/components/ui/hero-pill"
export function Playground() {
return (
- View all
+ Open Studio
}
>
-
- A collection of experiments, utilities, and tools I've
- built—some practical, some just for fun.
-
-
- {playgroundItems.map(item => (
-
- ))}
+
+
+ A collection of interactive components and experiments. Explore,
+ customize, and copy-paste into your projects.
+
+
+
+
+ {/* Live Preview */}
+
+
+
+
+
+
+
+ Interactive Design Environment
+
+
+
+
+ Explore and customize UI components with live preview, animation controls, and code export.
+
![\"Screenshot](\"https://images.weserv.nl?url=https://sjc.microlink.io/9lm88pwG3hCqrJl4_8f4bo17U2uNBg1DDKxrStnh9OS29t2MfjzwC_g6_lhFsZvPyqd59J-HkZmFbGutr78vlA.png&w=600\")
![\"Screenshot](\"https://images.weserv.nl?url=https://sjc.microlink.io/yPUB2jDPE5QiFS4toESica605_EYO3VZaceO97FLNc8HtoTqHSMciVZYiIaSnz0m37a5jttbHz-BUK3khmsAdA.png&w=600\")
![(view full size)](\"https://images.weserv.nl?url=https://sjc.microlink.io/wUJocuUW6mFVMtF0RSvr5aTpy_c74XkoML0Znmxkto03n3vHb2SMB7ZHBuc2CkPOVQ2T_V6lmE_0mDl2KQWsSw.png\"){kind=link}
![(view full size)](\"https://images.weserv.nl?url=https://sjc.microlink.io/OnBewiOdJQ3Z-V-YUn-ix5tO4ZamA2PWaIxzM_I96cy1OmO9_iWhZ3UJ7-8MJwuu-rPdTp3ykJORsoC3mZiJBw.png\"){kind=link}