Repolode
Submit
ui-layouts

ui-layouts/cursify

A React and Next.js cursor animation library that provides cursor-following effects for web pages, distributed as copy-in components.

View on GitHubWebsite
Stars
2,115
Forks
102
Open issues
9
Last commit
7 months ago

What is it?

Cursify is a cursor animation library for React and Next.js projects. It collects cursor-driven effects such as a cursor-following text element, a blur vignette, and related hover interactions, and it is built with TypeScript.

The components are organized as a registry with a documentation site, so developers can browse each effect, preview it, and copy the source into their own project. The setup uses Tailwind CSS, along with the motion animation package and the clsx and tailwind-merge utilities for class handling.

The repository also includes a set of buttons, product cards, footers, clip-path shapes, and a horizontal scroll animation, which are documented as examples alongside the cursor effects.

Key features

  • 01Cursor-following text effect for React components
  • 02Blur vignette component for highlighting page areas
  • 03Hover-based button and card animations built on the motion package
  • 04Copy-in component registry with a documentation and preview site
  • 05Built with TypeScript, Tailwind CSS, and Next.js

Use cases

  • Adding interactive cursor effects to a marketing or portfolio site built with Next.js
  • Reusing animated buttons, cards, or footers in a React and Tailwind project
  • Studying how cursor and motion animations are structured in a Next.js codebase

Topics

#react#nextjs#animation#cursor#tailwindcss#ui-components#typescript

FAQ

What is cursify?
A React and Next.js cursor animation library that provides cursor-following effects for web pages, distributed as copy-in components. Cursify is a cursor animation library for React and Next.js projects. It collects cursor-driven effects such as a cursor-following text element, a blur vignette, and related hover interactions, and it is built with TypeScript.
Is cursify free to use? What license does it have?
cursify has no declared license. Its code is public, but without a license you have no explicit permission to reuse it; ask the author before relying on it.
Is cursify still maintained?
No commits for 6+ months. The last commit to cursify was on Mar 31, 2026.
What can I use cursify for?
Adding interactive cursor effects to a marketing or portfolio site built with Next.js Reusing animated buttons, cards, or footers in a React and Tailwind project Studying how cursor and motion animations are structured in a Next.js codebase
Where can I get cursify?
The source code and installation instructions are on GitHub: https://github.com/ui-layouts/cursify

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects