spider
YOUR LITTLE RESIDENT
Settle him in.
The actual npm package, right here. Every strand is woven by the spider. He and his silk stay with the page as you scroll.
SMALL CREATURE. REAL PRESENCE.
A website with
A website with
a life of its own.
A little personality, thoughtfully built.
No sprite downloads. No stylesheet. No
runtime dependencies.
He makes himself at home.
Down a single silk thread. Onto the letters. Then support cables, loose hanging strands, and the little stitches between them. Watch the web build, one journey at a time.
He notices you.
Glossy eyes follow your pointer. Eight little legs find their rhythm. Get a little too close and he scurries for cover. On a phone, a tap gets his attention.
He knows his place.
Behind a card. Along a heading. Under a button. He explores the document and understands real objects. Your clicks, scrolling, and text stay yours.
MAKE ROOM FOR ONE MORE.
Invite him in.
A few lines. Then give him a little time to get comfortable.
JavaScript, React,
Vue, Next.js—he travels light.
THE FINE THREADS.
A good guest.
Will he get in the way?
The decorative canvas ignores pointer events and stays out of the accessibility tree. Links, text selection, and scrolling keep working. Webs stay in place when clicked; remove them explicitly with the Clear silk button or the API.
Does he work on phones?
Yes. The scene responds to the page layout and touch input. He and the silk stay anchored to the document as you scroll. With reduced motion enabled, he stays still and does not automatically weave nets.
How does the web attach to letters?
Text ranges and a small local font mask approximate the visible edges of letters. The spider visits those attachment points and physically traverses the silk it lays. Finished supports follow ordinary layout changes. Perspective, complex clipping, and glyph shaping have documented limits.
Can I make him my own?
Choose scale, speed, silk density, reach, opacity, resident count, and pointer fear. Pause, resume, or clear the silk. The source and complete options are on GitHub.