Logo Animation Playground
Exploring delightful hover animations for the Spideryarn logo. Hover over each example to see the animation in action!
SpideryarnOriginal (Simple Scale)
The current implementation - simple scale on hover
SpideryarnHighlight Sweep
Highlighter effect sweeps across text like marking important passages during research
SpideryarnScanner Line
OCR-style scanning line moves across logo and text like document analysis in progress
SpideryarnElastic Stretch
Letters randomly stretch and snap back with different intensities - like yarn being pulled and released
SpideryarnWarm Glow Pulse
Sophisticated pulsing glow with subtle orange warmth - perfect for premium academic software
SpideryarnSilk Shimmer Sweep
Refined gradient shimmer that flows like premium silk - understated elegance for professionals
SpideryarnStrand Pulse
Radiating pulses from logo like plucked web strings - captures the essence of spider yarn vibrations
SpideryarnWeb Threading
Lines connecting logo to letters like spinning new threads - shows the web-making process
SpideryarnEntity Highlight
Letters light up in sequence like key terms being identified and categorised for glossary creation
SpideryarnGlossary Builder
Definition bubbles appear around letters showing the glossary generation process in action (Now using dynamic phrases from the 100-phrase collection!)
SpideryarnDocument Parse
Scanning lines analyse structure while elements organize - like AI parsing academic papers
SpideryarnFormat Convert
Elements transform between formats with processing effects - PDF to HTML conversion
SpideryarnSemantic Search
Letters light up in search patterns while ID tags appear - finding key insights in text
SpideryarnLetter Shuffle
Letters randomly shuffle and reorganise back to original - like AI processing and reconstituting text
SpideryarnContent Cascade
Data flows from logo through letters in intelligent waves - representing AI processing and hierarchical understanding
SpideryarnGranularity Shift
Elements shift between different detail levels showing AI summary generation at multiple granularities