Elementor Logo Download Angie

Angie prompt library

Interactive website snippets

Integrate CSS and JavaScript for custom mouse cursors and immersive interactive behaviors that elevate user experience.

Liquid Effect on images

Create a liquid/wave distortion effect on images when hovering over them, making them appear to ripple or wobble. Add admin controls for distortion intensity, wave frequency, animation duration, and apply to featured images, galleries, or custom image classes.

Image Zoom on Scroll

Add a Ken Burns-style zoom effect to featured images or hero sections as users scroll past them. Images should smoothly scale up or down. Include admin settings for zoom intensity, direction (in/out), which image types to affect, and scroll range for the effect.

Magnetic Buttons & Links

write the code to create a magnetic attraction effect that subtly ‘pulls’ the cursor towards buttons and links when hovering nearby. I need this to include WordPress admin controls to adjust the following settings: magnetic strength, activation radius, animation smoothness, and an input to specify which CSS classes/elements (like buttons or links) should have the effect.

Crucial requirement: This effect must ONLY apply to the frontend for regular site visitors. It must be strictly disabled inside the WordPress admin dashboard, the Elementor editor interface (like the widget sidebar), and any other backend interface so it doesn’t interfere with site editing.

Animated Page Transitions

Implement smooth page transition animations when navigating between pages. Include effects like fade, slide, zoom, or curtain-style transitions. Add admin settings to choose transition type, duration, easing function, and enable/disable for specific page types (posts, pages, archives).

Circular cursor follower

Create a circular cursor follower that inverts or changes the color of page content underneath it as the mouse moves. The circle should:

Follow the cursor smoothly
Have a customizable size (around 50-100px diameter)
Apply a blend mode effect (like difference or exclusion) to invert colors of text/images beneath it
Work across the entire page
Be performant and not cause lag

Add a WordPress admin settings page:

Create a new menu item in the WordPress admin sidebar called “Cursor Effect” or similar
Include controls to adjust:

Circle size (slider or number input)
Circle color
Blend mode options (difference, exclusion, multiply, etc.)
Enable/disable the effect
Animation speed/smoothness
Optional: Circle border thickness and style

Save settings to the WordPress database
Apply the saved settings to the frontend cursor effect in real-time

Implement using WordPress settings API, CSS, and vanilla JavaScript.