Usage Instructions

1. Add the Component:
   Drag and drop Animated Cursor Master into your OutSystems screen or layout block.
2. Configure Properties in the UI:
   • Cursor Style: Select the desired animated cursor style from the dropdown list.
   • Color: Choose a color using the hex value input.
   • Size / Animation Speed / Trail Length: Enter the numeric values according to your UI and preference.
   • Blend Mode: Select the blend mode from the dropdown based on background and theme requirements.
   • Hide System Cursor: Enable or disable hiding the default cursor.

Customization Example:
To create a glow effect with a blue cursor:

• Cursor Style: glow
• Color: #2196F3
• Size: 24
• Animation Speed: 15
• Trail Length: 8
• Blend Mode: screen
• Hide System Cursor: checked

Best Practices

• Validate cross-browser compatibility for custom cursor effects.
• Use magnetic, ripple, pulse, or morphing effects for enhanced UI when highlighting interactive areas like cards, buttons, or icons.
• Test animation speed and trail length settings for responsiveness on different devices.