Memorables

Interactive Websites

Interactive websites that answer back: pages to drag, hover, scroll, draw on and play with.

An interactive website invites people to do something, such as dragging, hovering, drawing or playing, and the page answers with motion, sound or physics. That interaction turns a simple visit into an experience people remember and share. This page gathers portfolios, studio sites and web experiments built that way, with draggable objects, physical interfaces and playful details, made with Three.js, GSAP and JavaScript, by designers, developers and studios such as FIELD.IO and Textures.

30 works by 27 creators, newest added 10 November 2026. Each is credited to the people who made it and links to the original.

All 30 Interactive Websites

  1. Stratacutoscope by Sander Joon — An interactive strata-cut animation in the browser: spin each painted clay model like a turntable and zoom to cut deeper, through a handshake, a rotating head, a dialogue and a walker.
  2. Lathe Blueprint by Zsolt Kacso — A website hero for Lathe, a hardware startup, built with Three.js and GSAP: the drone's technical drawing draws itself, a mask reveals the real drone and a click tilts the page into 3D.
  3. IBM Financial Intelligence Garden by FIELD.IO — An interactive experience for IBM's Financial Intelligence, where the circle of a coin grows into flowers and foliage in a garden that responds, so people learn about finance through play.
  4. Glyph Card Blue by Youssef — An ASCII story card for SwiftUI and the web from MetalForge, a shader library, where blank holes drift through a field of characters like weather on a map, one following the cursor.
  5. Moving Mountains by Nico Frey — A terrain editing prototype where dragging handles raises and spreads peaks drawn in yellow contour lines, merging them into one 3D mountain range like a topographic map you sculpt.
  6. Vaultline Hero Cards by Batuhan Kara — Landing page cards for Vaultline, a data security platform that finds sensitive data and governs who sees it, where word pills pile up under physics and get knocked about by the cursor.
  7. Fluid Orb Texture by Textures — Fluid Orb, a hover-reactive brand texture in light SVG, where halftone dots swell into a soft orb that drifts across a grid like a liquid, ready for a coding agent to add.
  8. textures.dev by Textures — Hover-reactive brand textures from the Textures library of animated components for coding agents, where bars, dots, stripes and cylinders each answer the cursor in a different way.
  9. Boarding Pass Scanner by Mike Barton — A skeuomorphic drag interaction where a boarding pass is swiped through a scanner of lovely aged plastic, its little screen running from READY through ERROR before letting you in.
  10. laurent.fyi by Laurent Del Rey — A portfolio website that gathers 307 apps and images into one interactive image cloud, a sphere that morphs into a heart, a smiley and a star, then spreads into a browsable grid.
  11. Playing with the Sky by Areadne — An interactive 3D sky-drawing tool where any stroke puffs up into a cloud, now given perspective so the clouds cast shadows on the ground as the light turns from night to day.
  12. LED Butter Pan by BB Korry — A hardware experiment in pixel art: a frying pan whose base is an LED grid, where a pat of butter melts, slides and sizzles as the pan tilts, now three times faster than before.
  13. Phrasis by Corey Fitz-Gerald — Phrasis, a web app camera that describes instead of captures, redraws a photo as a picture made of words, so Hokusai’s wave is built from rise and fall and a beach from shade and grass.
  14. Crumpled Receipt by Lorenzo Cabra — An interactive UI component for Bencho, where a till receipt crumples into a paper ball at a click and can be tossed into a bin, skeuomorphic physics for a throwaway gesture.
  15. joshpuckett.me Footer by Josh Puckett — The footer of a personal website turned into a 3D tunnel of hundreds of experiments that turns with the cursor, with project cards, easter eggs and an x-ray mode.
  16. Ink Bloom by Lorenzo Cabra — An interactive WebGL image slider for Bencho, a library of live UI blocks, where the next photo blooms from the pressed point like ink in water behind a bent, lens-like rim.
  17. CrumpledPaper Reveal by Matt Ölschlegel — A free Framer component that turns any image into a crumpled sheet of paper, smoothing it flat on hover with its creases still showing, then balling it back up.
  18. prekesh.design by Prekesh Chavda — The portfolio website of a designer at Poolside, formerly at Vercel and Sketch, built as an interactive 3D gallery where icons, stickers and drawings drift by on retro tiles.
  19. Mochi Tear by Toi Nagasawa — A soft body experiment in Three.js, where a black blob stretches like dough under the cursor and tears, 349 particles held by elastic bonds and drawn as one smooth silhouette.
  20. Poster Ripping by Raul Dronca — A poster ripping interaction with cloth simulation, where a Swiss-style Form Studies poster is torn off the wall in curling strips, its own line, Nothing is final, made literal.
  21. Click but Spiderman by Özer Gökalpsezer — A playful click micro-interaction where a Spider-Man hand cursor shoots a web that sticks to the button, stretches and snaps, the half-second after a click turned into a gag.
  22. Focus Music Maker by Shivani Matlapudi — A focus music maker web app that turns doodles into an ambient soundtrack: draw on the dot-matrix screen of a small skeuomorphic device and it plays while you time a work session.
  23. Leaflet Paper Fold by Moving Parts — A 3D paper fold scroll animation for websites, in which a leaflet opens in accordion, roll or gate folds as you scroll, real 3D in JavaScript and CSS, for Webflow or code.
  24. Magnetic UI by Jakub Antalik — A web interface that responds to a real magnet, the live Libraries website reacting as a magnet nears the phone, built as a Magnetic UI component that reads the device’s sensors.
  25. Scattered Letters Effect by Made With GSAP — A GSAP text animation effect for image galleries, where small photos slide through a sentence and its letters scatter up and down to let them pass before settling back in line.
  26. Ringwriter by Edoardo Lunardi — An interactive kinetic typography experiment drawn in a single draw call, where text coils around rings spinning at their own speeds, melting into dots near the cursor, rippling on release.
  27. OpenPurpose WebGL Showcase by Paul Soulhiard — An interactive WebGL portfolio for the studio OpenPurpose, translating its circular branding into a sphere of project screenshots that opens into a tunnel of tiles flying past.
  28. Interactive Book Archive by Rohan Nuttall — An interactive image made with AI: asked to find the books in a photo for Are.na, Astra lifts each counterculture cover, from Radical Software to the 1970 Zodiac Datebook, into a card.
  29. IBM Quantum Compass by FIELD.IO — A generative motion system for IBM Quantum Compass drawn from quantum states, where forms radiate, converge and align as visitors find their way, tuned live from a panel of sliders.
  30. ASCII Pocket Device by Kind of Device — An early ESP32 hardware prototype for a smart home pocket device, where an ASCII dot-matrix animation follows the gyroscope as it tilts and a Philips Hue light changes in sync.

Featuring work by

FIELD.IO, Textures, Lorenzo Cabra, Sander Joon, Zsolt Kacso, Youssef, Nico Frey, Batuhan Kara, Mike Barton, Laurent Del Rey, Areadne, BB Korry, Corey Fitz-Gerald, Josh Puckett, Matt Ölschlegel, Prekesh Chavda, Toi Nagasawa, Raul Dronca, Özer Gökalpsezer, Shivani Matlapudi, Moving Parts, Jakub Antalik, Made With GSAP, Edoardo Lunardi, Paul Soulhiard, Rohan Nuttall, Kind of Device.

Related topics

Browse by category

Topics