How to add mouse in loading screen in Fivem

Hi,
could you all help me. How to add mouse in loading screen?
Thanks for help.
Bye.

you can use js in ui
for example :

<!DOCTYPE html>
<html lang="en-US" class="no-js">
  <body>
	<style>
	*{cursor:none}#cursor{position:fixed;z-index:9999999;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}line,circle{stroke:url("#gradient");stroke-width:3;transform-origin:50% 50%;opacity:1}line{animation:op-1 2s ease-out infinite}circle{animation:op-1 2s ease-out 1s infinite,op-2 2s ease-out 1s infinite}
	@-moz-keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@-webkit-keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@-o-keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@-moz-keyframes op-2{50%{transform:scale(.2)}}@-webkit-keyframes op-2{50%{transform:scale(.2)}}@-o-keyframes op-2{50%{transform:scale(.2)}}@keyframes op-2{50%{transform:scale(.2)}}
	.slide-website::-webkit-scrollbar {display: none;}
	</style>
	<svg class="cursor" id="cursor" width="30" height="30">
		<defs>
		  <linearGradient id="gradient"
						  x1="0"
						  y1="0"
						  x2="1"
						  y2="1">
			<stop offset="0%"
				  stop-color="#f2c061"></stop>
			<stop offset="100%"
				  stop-color="#da1b60"></stop>
		  </linearGradient>
		</defs>
		<circle r="13"
				cx="15"
				cy="15"
				fill="none"></circle>
		<line x1="0"
			  y1="0"
			  x2="30"
			  y2="30"></line>
		<line x1="0"
			  y1="30"
			  x2="30"
			  y2="0"></line>
	</svg>
    <!-- Libs JS -->
    <script src="assets/vendor/jquery/dist/jquery.min.js"></script>
	<script>	
	var t = document.getElementById("cursor");

    $( "body" ).mousemove(function( event ) {
	 
	  t.style.left =event.pageX + "px"; 
        t.style.top = event.pageY + "px";
	});
	</script>
  </body>
</html>
1 Like

Hey,
i tryied to put in my html and its glitched like this image

change css and fix that

for those who still need a loadscreen cursor:
u dont need to add code on ur html/js/css files just this:

loadscreen_cursor 'yes'

drop that on ur fxmanifest.lua

2 Likes