micro-interactions/card-stack
Card stack for React: photo cards you throw to the back with a drag or a flick, tap to pull one forward. No dependencies.
alle · standard · freedesignmd · Insel · 2 Slots
Card Stack — ueberschrift (h2, 72 Zeichen)
Card Stack — vorspann (p, 240 Zeichen)
micro-interactions/fan-out
Fan out card spread for React: a pile of photos opens into an arc and gathers back, with staggered motion and hover lift.
alle · standard · freedesignmd · Insel · 2 Slots
Fan Out — ueberschrift (h2, 72 Zeichen)
Fan Out — vorspann (p, 240 Zeichen)
micro-interactions/photo-accordion
Image accordion for React: narrow photo strips where the hovered or tapped one grows and the rest make room. Keyboard ready.
alle · standard · freedesignmd · Insel · 2 Slots
Photo Accordion — ueberschrift (h2, 72 Zeichen)
Photo Accordion — vorspann (p, 240 Zeichen)
micro-interactions/photo-dock
Photo dock for React: thumbnails swell around the pointer with a smooth falloff, labels float up, clicks hop. Keyboard friendly.
alle · standard · freedesignmd · Insel · 2 Slots
Photo Dock — ueberschrift (h2, 72 Zeichen)
Photo Dock — vorspann (p, 240 Zeichen)
micro-interactions/photo-lens
Image magnifier for React: a round lens follows the pointer or your finger and shows the photo enlarged. No canvas, no dependency.
alle · standard · freedesignmd · Insel · 2 Slots
Photo Lens — ueberschrift (h2, 72 Zeichen)
Photo Lens — vorspann (p, 240 Zeichen)
micro-interactions/photo-sleeves
Photo album sleeves for React: pictures peek out, lift on hover and fan open on click. Frosted pocket, zero dependencies.
alle · standard · freedesignmd · Insel · 2 Slots
Photo Sleeves — ueberschrift (h2, 72 Zeichen)
Photo Sleeves — vorspann (p, 240 Zeichen)
micro-interactions/sliding-tabs
Sliding tabs for React: an underline that stretches to the next tab, leading edge first. Accessible tablist with arrow keys.
alle · standard · freedesignmd · Insel · 2 Slots
Sliding Tabs — ueberschrift (h2, 72 Zeichen)
Sliding Tabs — vorspann (p, 240 Zeichen)
micro-interactions/tilt-card
3D tilt card for React: leans toward the pointer with a soft sheen and a drifting photo. Lightweight, no animation library.
alle · standard · freedesignmd · Insel · 2 Slots
Tilt Card — ueberschrift (h2, 72 Zeichen)
Tilt Card — vorspann (p, 240 Zeichen)
Golden eagleAquila chrysaetos