Crux Cursor — A precise plus cursor with a spin.

Crux Cursor is a lightweight, fully customizable cursor component that replaces the browser's default pointer with a clean, minimal plus sign. Designed for designers who want precise control over every detail of their cursor experience, Crux brings a sharp, editorial aesthetic to any Framer project.

Shape & Style Control the overall size of the plus, the thickness of each bar, and the roundness of the endpoints; from razor-sharp square tips to fully rounded pill ends. A center gap option lets you open up space around the intersection point for a more refined crosshair feel. Choose any color to match your brand.

Hover Effects When the cursor moves over any link, button, or interactive element, Crux smoothly rotates to a custom angle — set it to 45° for an × effect, 90° for a subtle shift, or anywhere up to 180° for a dramatic half-spin. Pair the rotation with a hover opacity change to add another layer of feedback. Animation duration is fully adjustable so the transition feels snappy or languid depending on your design.

Performance Built for smoothness. Cursor position is updated directly via the DOM on every animation frame — no React re-renders, no lag, no jitter. The rotation and opacity transitions are handled on a separate layer so they never interfere with positional accuracy.

Mobile Ready Crux automatically hides on touch devices and restores the native cursor, so it never interferes with the mobile experience.

For design work, questions, or help, please reach out at www.merokeeventures.com