Cursor Effects Sketches

Github About Portfolio

Design Odyssey

An exploration of the Synthetic Era.

Welcome to a journey through an array of mesmerizing web sketches, each crafted to push the boundaries of interactive design.

Repetition Hover

The Cursor hover produces hover effect in a circle inwards of the picture in a repetition manner.

Repetition HoverSquare

The Cursor hover produces hover effect in a square inwards of the picture in a repetition manner.

Hover Effect Rotated

Hover produces hover effect in a rotated frame of the picture in a repetition manner.

Filter Effect

Just see for yourself how amazing it looks

Motion Trail Opaque

Demonstrates an image motion trail effect with opaque elements, providing a smooth and visually appealing motion experience.

Motion Trail Semi-transparent

Similar to Sketch 005, but featuring semi-transparent elements, adding depth and layering to the motion trail effect

Motion TrailRotation

Showcases an image motion trail effect with rotational motion, offering a unique and dynamic visual experience.

Image Motion Circle

Demonstrates an image motion trail effect with circular motion paths, providing a captivating and fluid motion experience for users.

Motion Trail (Perspective)

Explores image motion trail effects with perspective transformations, adding depth and realism to the motion experience.

Motion Trail Perspective

Similar to Sketch 009, offering additional exploration of image motion trail effects with perspective transformations for diverse visual experiences.

Custom Cursor filled circle

Presents a custom cursor design featuring a filled circle, enhancing user engagement and visual feedback during interactions.

Cursortwo circles

Introduces a custom cursor design with two circles, one of which is filled, providing a playful and dynamic cursor experience.

Cursor filter effect

Explores custom cursor designs with filter effects applied to two circles, adding visual interest and sophistication to cursor interactions.

Cursor delayed motion

Showcases a custom cursor design with filter effects and delayed motion, offering a unique and dynamic cursor experience for users.

multiple circles Cursors

Features a custom cursor design with multiple circles and filter effects, providing a visually rich and interactive cursor experience.

Mouse Follower
filled circle with filter effect

emonstrates a custom cursor design with a filled circle and filter effect, adding elegance and visual appeal to cursor interactions.

stroke cursorfilter effect

Introduces a custom cursor design with a stroked circle and filter effect, offering a sleek and modern cursor experience for users.

Custom Cursor filter and delay

Explores a custom cursor design with two circles, filter effects, and delays in motion, providing a dynamic and engaging cursor experience.

Image Motion
SVG Filter

Demonstrates an image motion effect utilizing SVG filters, enhancing visual appeal and adding depth to the displayed content.

SVG FilterImage Motion

Similar to Sketch 019, offering further exploration of image motion effects with SVG filters for diverse visual experiences.

SVG Transition Vertical

Introduces SVG path page transitions in the vertical direction, enhancing navigation transitions with smooth and fluid animations.

SVG Path Horizontal

Similar to Sketch 021, but featuring SVG path page transitions in the horizontal direction, providing versatile navigation options for users.

Vue designBackground/

Offers a background/theme picker, allowing users to customize the visual appearance of the interface effortlessly.

Infinite Scrolling Loop

Introduces infinite loop scrolling, offering a seamless and continuous browsing experience.

Loop Scrolling

Similar to Sketch 024 but tailored for horizontal scrolling, providing versatile navigation options.

Scrolling Animation

Incorporates animated elements into the infinite loop scrolling, adding visual interest and dynamism.

Infinite Loop ScaleY

Utilizes scaling along the Y-axis and opacity changes to animate elements within the scrolling loop, enhancing visual appeal.

Loop ScrollScale X & Y

Explores scaling along both the X and Y axes, offering diverse animation effects for elements in the scrolling loop.

Infinite 3D Loop

Implements a 3D perspective in the infinite loop scrolling, creating depth and immersion for a more interactive user experience.

Thank you for joining us on this journey, and may these sketches ignite your imagination as you embark on your own digital creations.