A full-screen rifle scope with a lit green mil-dot reticle, breathing sway and recoil. Shoot glass bottles on a wooden range shelf and they shatter into real fractured shards that bounce and settle. Hit the HOME plate to go home, or RESET to restock. All canvas, synthesized sound.
React · Tailwind CSS · Motion
Get it on 21st.devA coffee menu with detailed SVG cups and hand-written physics: hover a drink and its cup slides in, coffee and milk pour, splash and blend, and the previous cup tips over and falls away.
React · Tailwind CSS · Motion
Get it on 21st.devA line-drawn walking scene from a hotel to nearby landmarks and N Seoul Tower: landmarks rise in, walkers follow the route, hover swaps walking time for distance, with four full-page themes and a lantern cursor glow.
React · Tailwind CSS · Motion
Get it on 21st.devA skeuomorphic lock screen inspired by early-2010s phones: live clock, drawn water wallpaper, a shimmering slide to unlock knob, camera peek, and working home and sleep buttons with music controls, in an optional classic phone frame. Fully props-driven and keyboard accessible.
React · Tailwind CSS · Motion
Get it on 21st.devA draggable liquid glass Home pill: a Snell's-law displacement map bends the light behind it, with chromatic fringes at the rim. Safari and Firefox get a frosted glassmorphism fallback.
React · Tailwind CSS · Motion
Get it on 21st.dev
An interactive business card that tilts toward your pointer, lifts on hover and flips on click, with nine holographic foils (Shards, Rainbow, Stars, Cosmos, Hearts, Shapes, Gold, Silver, Aurora) set by the effect and intensity props.
React · Tailwind CSS · Motion
Get it on 21st.dev
A hover-reveal list: titles scatter their letters, the other rows dim, and spinning colour-rimmed CDs or polaroids spring in around the active row.
React · Tailwind CSS · Motion
Get it on 21st.dev