Introduction

cursor-style is a powerful and lightweight React library designed to transform the standard browser cursor into beautiful, interactive custom cursors that elevate user experience—giving your website that distinctive modern yet minimalist touch that defines contemporary web design.

With six unique cursor types and more being developed, cursor-style gives YOU the tools to create engaging interactions that don't just follow trends but establish your brand's visual signature and make every pointer movement feel intentional.

Whether you're crafting a portfolio that needs to stand out, building an immersive storytelling experience, or designing an e-commerce platform where every detail counts, cursor-style delivers the flexibility and performance to make it happen.

cursor-style was born from necessity. I needed a custom cursor solution for my own project and couldn't find one that balanced simplicity with power. So I built Type One—a single, clean cursor implementation.

Then I needed another cursor for a different project. Then another. Each time I added features, fixed bugs, made it faster. Eventually I had six different cursor types and figured other developers might need this too. So here we are.

Full TypeScript support. You get autocomplete, type safety, and inline documentation in your editor. No hunting through docs to figure out prop names.

Import the component, pass your props, done. No providers, no config files, no state management setup.

Under 80kb unpacked, cursor-style won't bloat your bundle. Smooth 60fps animations are standard.

Optimized for minimal re-renders and efficient DOM updates. Your cursor won't be your performance bottleneck.