Glassmorphism Weather Card
A frosted-glass weather card on an animated gradient background — backdrop-filter, keyframes and shadow layering, as raw CSS, as a data-driven React component, and as a typed zero-JS Next.js Server Component.
CSSGlassmorphismAnimationNo JS
HTMLReactNext.js
Stack
Loading preview
More experiments
View allLoading preview
Open playground
Interactive Todo List
A dependency-free todo list with add, toggle, delete and clear-completed — implemented three ways: vanilla JS, React, and Next.js with TypeScript + Tailwind.
HTMLReactNext.jsJavaScriptReactNext.js
Loading preview
Open playground
Particle Network Canvas
An animated constellation of particles that link to each other and follow the cursor — drawn on a raw 2D canvas with requestAnimationFrame, in vanilla JS, React (hooks + effect cleanup) and Next.js with typed props.
HTMLReactNext.jsJavaScriptCanvasAnimation