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
For any queries and support, contact kopai.designstudio@gmail.com
Kopai Studio
