Seif Eldin Sameh - Frontend Developer | React, Next.js & TypeScript

Gesture Control

Use hand gestures to navigate

🎮 Gesture Controls

Control the site with hand gestures

Cursor Control

Control the cursor position

Move Hand

Control cursor position

How: Move your hand in front of the camera

Page Scrolling

Scroll the page up or down

Open Palm

Scroll Up

How: Spread all fingers wide, palm facing camera

💡 Hold for 0.3s to start scrolling

Closed Fist

Scroll Down

How: Close all fingers into a fist

💡 Hold for 0.3s to start scrolling

Navigation

Navigate between sections

Point Up

Toggle Menu

How: Extend only your index finger, pointing up

💡 Hold for 0.6s to toggle

Peace Sign

Next Section

How: Extend index and middle fingers in a V shape

💡 Hold for 0.6s to navigate

Thumbs Down

Previous Section

How: Make a fist with thumb pointing down

💡 Hold for 0.6s to navigate back

Reactions

Fun celebratory gestures

Thumbs Up

Like Reaction

How: Make a fist with thumb pointing up

💡 Hold for 0.6s for confetti celebration

Rock On / I Love You

Heart Confetti

How: Extend thumb, index, and pinky fingers

💡 Hold for 0.6s for heart celebration

Movement Gestures

Quick motion-based gestures

Quick Swipe

Navigate Gallery

How: Move hand quickly left/right (30%+ of screen)

💡 Complete motion in under 0.4 seconds

Wave Hello

Greeting Animation

How: Wave hand side to side at least 2 full cycles

💡 Make wide, deliberate movements

Hold = static poseMove = motion gesture

0%