001 LOCAL STUDYOPEN · pointer
Magic Card
A little light follows your cursor.
YOUR POCKET UNIVERSE OF WEB EFFECTS
THE VISUAL COMPONENT INDEX VOL. 01
Find the feeling.
A field guide to the web’s most reusable visual effects.
START WITH A LITTLE CHAOS
24 / 510Freshly surfaced ✳
002 LOCAL STUDYVIEW PREVIEW
9:41◉ ▰
Good afternoon24°Mostly sunny
⌕ Search
✉◉▣♫◈◎✿▦
◉ ▣ ● ◈
003 LOCAL STUDYOPEN · ambient
WARPBACKGROUND
004 LOCAL STUDYVIEW PREVIEW
SHADOW
SHADOW
SHADOW
SHADOW
SHADOW
LINE SHADOW TEXT005 LOCAL STUDYOPEN · hover
AURORA
LET THE LIGHT MOVE
006 LOCAL STUDYOPEN · ambient
MORPHING TEXTBeautifulLET EVERY WORD HAVE A LITTLE PRESENCE
007 LOCAL STUDYOPEN · scroll
01 — EXPLOREKEEP READING
↓ SCROLL TO EXPLORE008 LOCAL STUDYOPEN · pointer
LOOK
CLOSER0123456789 / OPTICAL STUDY
CLOSER0123456789 / OPTICAL STUDY
LOOK
CLOSER
CLOSER
009 LOCAL STUDYOPEN · pointer
+++
EXPLORE
010 LOCAL STUDYOPEN · pointer
+++
EXPLORE
011 LOCAL STUDYOPEN · scroll
01 — EXPLOREIN FOCUS
↓ SCROLL TO EXPLORE012 LOCAL STUDYVIEW PREVIEW
✿
A QUIET MOMENTNeon Gradient CardThoughtfully made, just for you.
013 LOCAL STUDYOPEN · ambient
014 LOCAL STUDYOPEN · ambient
015 LOCAL STUDYOPEN · ambient
016 LOCAL STUDYOPEN · ambient
017 LOCAL STUDYOPEN · ambient
018 LOCAL STUDYOPEN · ambient
019 LOCAL STUDYOPEN · controls
✦A little check-inWould you like to keep these changes?
020 LOCAL STUDYOPEN · drag
AFTERSoftly
restored
restored
BEFOREOriginal
portrait
portrait
021 LOCAL STUDYOPEN · controls
022 LOCAL STUDYOPEN · ambient
KEEP MOVING ✳ KEEP MOVING ✳ KEEP MOVING ✳ KEEP MOVING ✳
CREATE SOMETHING ↗ CREATE SOMETHING ↗ CREATE SOMETHING ↗ CREATE SOMETHING ↗
023 LOCAL STUDYOPEN · ambient
GLYPH MATRIXSIGNALLET EVERY WORD HAVE A LITTLE PRESENCE
024 LOCAL STUDYVIEW PREVIEW
✦Tokyo12 places nearby