Skip to content

feat: add rainbow cursor component - #1014

Open
Kshitijasharma wants to merge 16 commits into
magicuidesign:mainfrom
Kshitijasharma:feat/rainbow-cursor
Open

Kshitijasharma wants to merge 16 commits into
magicuidesign:mainfrom
Kshitijasharma:feat/rainbow-cursor

Conversation

@Kshitijasharma

@Kshitijasharma Kshitijasharma commented Sep 16, 2026

Copy link
Copy Markdown

Description

Adds Rainbow Cursor, a cursor ribbon with a yellow-to-blue-to-purple gradient, smooth tracking, a tapered tail, and subtle glow.

Changes

  • Add the RainbowCursor component using OGL.
  • Add configurable colors, ribbon width, tracking speed, glow, opacity, and idle fading.
  • Add a demo, documentation, and sidebar navigation.
  • Register the component and demo, including generated registry artifacts.

Motivation

Adds a glowing cursor ribbon for interactive sections, with three-color transitions, smooth tracking, and a tapered tail. I have always been fascinated by different cursor styles, as they can make the website experience more engaging!

Breaking Changes

None. This adds a new component.

Screenshots

Port: localhost:3000
Browser: Chrome

rainbow-cursor-demo.mp4
rainbow-cursor-demo

Testing

  • pnpm --filter=www check completed successfully.
  • pnpm --filter=www build completed successfully.
  • pnpm build:registry completed successfully.
  • Visually checked the ribbon effect in the local demo.

ESLint reports two existing warnings in dia-text-reveal.tsx, which is unchanged by this contribution.

The root Turbo commands encountered a local cache-writing issue on Windows. The direct package checks and production build completed successfully.

Checklist

  • Local checks pass using pnpm --filter=www check.
  • Production build passes using pnpm --filter=www build.
  • pnpm build:registry was run.
  • Confirm generated registry files are committed and the working tree is clean.
  • PR title follows Conventional Commits: feat: add rainbow cursor component.

@vercel

vercel Bot commented Sep 16, 2026

Copy link
Copy Markdown

@Kshitijasharma is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

@Yeom-JinHo
Yeom-JinHo self-requested a review September 19, 2026 03:12

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant