Zaytun · Library
Components you can ship today
React components you copy straight into your project, and Elementor templates you import as JSON. No install step, no dependency on a package you have to keep updating.
Have a Pro key? Activate it here.
12 items · copy the source
CardsFreeSpotlight Card
A light source that follows the cursor across the card and picks out its border, driven by CSS variables rather than per-frame state.
Copy source
InputsFreeMagnetic Button
Leans toward the cursor before it arrives and springs back on release. Transforms are written in a rAF loop, so nothing re-renders while you move.
Copy source
MotionFreeScramble Text
Text resolving out of random glyphs, each character on its own timing so the word settles left to right instead of snapping at once.
Copy source
Cards ProTilt Card
Rotates in 3D toward the pointer with a specular sweep travelling against the tilt, light on glass rather than a sticker on a surface.
Copy source
NavigationFreeAnimated Tabs
An indicator that glides between tabs using a shared layout id, so position and width interpolate themselves, with no offset measuring.
Copy source
MotionFreeSeamless Marquee
An infinite row with no visible seam and a mask fading both ends, pausing under the cursor. One CSS animation, run off the main thread.
Copy source
InputsFreeSwipe Animated Translator
Language switcher that swipes the outgoing text away and slides the translation in, with the direction following the swipe.
Copy source
CardsFreeFile Upload Card
Drop zone whose stacked sheets fan out and lift as a file is dragged over it.
Copy source
SectionsFreeScroll Gallery Section
Image gallery that reveals and parallaxes its columns at different rates as the section passes through the viewport.
Copy source
HeroesFreeFuture Forward Hero
Full-viewport hero with animated gradient orbs, layered blur and a staggered headline entrance.
Copy source
Heroes ProShapes Hero with Video
Hero pairing a masked video backdrop with animated geometry and a gradient wordmark.
Copy source
3D ProWaving Flag (3D)
Cloth-simulated flag rendered with React Three Fiber, with wind strength and damping exposed as props.
Copy source