Crafts
Experimental UI laboratory by Joost.
A collection of user interfaces, components and explorations, that seamlessly blend form and function.
Elastic Div
A normal div with elastic bouncy edges that stick to the mouse as you move past the edges.
- vue
- motion
Safety Triangle Menu
Predictive dropdown menu with visual safety indicators for smoother UX while navigating through the neseted menu items.
- vanilla
- gsap
Water Slider
Image slider with water ripple transition and dynamic fluid indicator dots.
- vanilla
- pixi.js
- gsap
Magnetic Button
A button that attracts magnetically to the mouse when hovering in the near or above and snaps back to its default position on leave.
- vanilla
- gsap