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
- CardsFree
Spotlight 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 - InputsFree
Magnetic 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 - MotionFree
Scramble 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 Pro
Tilt 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 - NavigationFree
Animated Tabs
An indicator that glides between tabs using a shared layout id, so position and width interpolate themselves — no offset measuring.
Copy source - MotionFree
Seamless 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 - InputsFree
Swipe Animated Translator
Language switcher that swipes the outgoing text away and slides the translation in, with the direction following the swipe.
Copy source - CardsFree
File Upload Card
Drop zone whose stacked sheets fan out and lift as a file is dragged over it.
Copy source - SectionsFree
Scroll Gallery Section
Image gallery that reveals and parallaxes its columns at different rates as the section passes through the viewport.
Copy source - HeroesFree
Future Forward Hero
Full-viewport hero with animated gradient orbs, layered blur and a staggered headline entrance.
Copy source - Heroes Pro
Shapes Hero with Video
Hero pairing a masked video backdrop with animated geometry and a gradient wordmark.
Copy source - 3D Pro
Waving Flag (3D)
Cloth-simulated flag rendered with React Three Fiber, with wind strength and damping exposed as props.
Copy source