Yes. Every tile renders from the exact same source string you copy in the modal - one source of truth. There is no separate "demo" version that looks different from the snippet. What you see hovering the grid is byte-for-byte what lands on your clipboard, so it behaves the same the moment you paste it.

Both, where it makes sense. Pure-CSS effects (a :hover transition, for example) are identical in every framework, so they ship as a single HTML + CSS block. Effects with JavaScript logic - like a card that leans toward your cursor in 3D - include a vanilla addEventListener version and a React + Tailwind v4 component. The modal only shows the Vanilla/React switch when an effect actually has both.

No. The whole tool is 100% client-side. The effects, the previews and the copy-to-clipboard all run in your browser with local JavaScript. Nothing is uploaded, there is no account, and no analytics beyond anonymous usage counts.

Use the filters above the grid. Filter by category (Magnetic, Light-Glow, 3D Tilt, Glitch, Particle, Gradient, Border, Text) to find a style, and by type (CSS-only, JS, React) to match how you want to paste it. The filters read the real metadata on each effect, so they always reflect what is actually in the library.

Yes. The snippets are free to copy and use in personal and commercial work with no attribution required. They are small, self-contained micro-interactions meant to be dropped straight into your components.

Touch devices have no hover, so cursor-driven effects (like tilt or spotlight) are meant for pointer devices. The grid stays fully responsive and browsable on mobile, and effects that can degrade gracefully to tap or auto-animation do so - but a mouse or trackpad shows them at their best.