Documentation

How To Edit Preloader

1. Double click on the pre-loader component from the left navigator panel. Follow below pic:
Preloader Screenshot
2. Select the “Hero image” to modify the main logo and letters. Follow below pic:
Preloader Screenshot
3. Modify the Pre-loader from the right panel. Follow below pic:
Preloader Screenshot
4. Modify the Pre-loader animation from the panel. Follow below pic:
Preloader Screenshot

How To Create cursor Effect?

1. Create a <div> and name it say
Cursor Wrapper
Screenshot
2. Set below options in style panel
Screenshot
3. Create a <div> like Cursor and style as per the design
Screenshot
4. Create an animation in page trigger > mouse move in viewport interaction
Screenshot
5. Put the values in mouse X, mouse Y, smoothing options
Screenshot
6. The animation values are shown below
Screenshot
7. Select HTML Embed option
Screenshot
6. Write the below code
Screenshot
<style>
.cursor-wrapper{pointer-events:none;}</style>
The code was used for button clicks or link activation.