1rem
3.5rem
Components
Showing 10 components
Draw SVG
Animate SVG path drawing with GSAP's DrawSVGPlugin support.
playgroundsvgScroll Interaction
Infinite Grid
Infinite grid effect applied to a grid of images.
imageinfinite
Image Carousel
A GSAP-powered infinite image carousel with draggable interaction and hover slowdown effects.
imageinfinitecarouseldragScroll InteractionMouse Interaction
jsDelivr Package Stats
Display jsDelivr packages from a provided namespace and package names with real-time stats, rankings, and bandwidth usage.
statsjsdelivrplayground
Magnetic
Add smooth magnetic attraction effects for HTML elements.
playgroundMouse Interaction
Moving Border
Animated gradient border that smoothly travels around any element, from rounded rectangles to perfect circles.
playgroundborder
Nextra Search Dialog
A search dialog component integrated with Pagefind for documentation sites. Features search input, result filtering, and navigation.
nextra
Shimmer Layer
Pure CSS to add an animated shimmer effect that activates on hover.
hover
Text Flower
Animated wheel of text lines that orbit around a central anchor.
textScroll Interaction
Text Ripple
Mouse-tracked ripple effect applied to headline text.
textMouse Interaction
3.5rem
1rem