The animations are all CSS animations. The tiles and grid are SVGs. No libraries or anything there. All vanilla, written by hand.
replyI’d like to write up some blog posts about this. Are there specific animations you’re interested in?
The overall tech stack is Vue and Nuxt. I just added user accounts and auth using Supabase.
The tile connection border animation is really cool, is it something special with clip path or something?
replyThe main trick there is animating the stroke on a copy of the tile: https://css-tricks.com/svg-line-animation-works/
replyI also animate the size and color of the stroke and scale and translate the entire tile
I would also love to read about your puzzle creation process :)
reply