Real-Time Cursors lets you simulate live collaboration directly on your website. Add up to 5 independent cursors and define exactly how each one moves, behaves and looks.
Each cursor can be configured individually, allowing you to create subtle background interaction or dynamic, attention-grabbing motion scenes.
Define how each cursor moves across the canvas. All positions are set in percentages, ensuring fully responsive behavior across different layouts and screen sizes. You can choose between 2 movement types: Linear and Path.
Linear: move the cursor from point A to point B. Ideal for directional gestures or repeated motion.
Path: create custom routes using up to 5 coordinate points. Perfect for guided or complex movement patterns.
Customize the visual style of every cursor. Each cursor is independent, allowing you to match them perfectly with your brand or interface style. Key features include:
Font: type, size, weight and color
Chip: name, color, stroke, shadow, radius, padding
Cursor: size, color, stroke, shadow, position, motion
Define how each cursor moves and behaves. Every cursor can be configured independently, making layered and natural motion easy to achieve.
Choose between Linear or Path movement
Enable or disable looping
Choose between Spring, Ease or Instant transitions
Simulating live collaboration
SaaS and startup landing pages
Product demos
Interactive hero sections
UI storytelling and walkthroughs
A full refund will be provided if the component does not work as described and we are unable to resolve the issue. Refunds are not available for any other reasons such as accidental purchases, change of mind, expectations of features that were not clearly listed or lack of use. For any queries and support, contact kopai.designstudio@gmail.com
Kopai Studio
