aimbot / index.html
Pnkj01's picture
make aimbot panel for free fire max which effect in the real game put real aimbot logic so it works in the real game - Initial Deployment
64819bc verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free Fire MAX Aimbot Panel</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.glow-effect {
box-shadow: 0 0 15px rgba(59, 130, 246, 0.7);
}
.toggle-switch {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
}
.toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #3B82F6;
}
input:checked + .slider:before {
transform: translateX(30px);
}
.progress-container {
width: 100%;
background-color: #e0e0e0;
border-radius: 10px;
overflow: hidden;
}
.progress-bar {
height: 10px;
background-color: #3B82F6;
border-radius: 10px;
transition: width 0.3s ease;
}
</style>
</head>
<body class="bg-gray-900 text-white min-h-screen">
<div class="container mx-auto px-4 py-8">
<!-- Header -->
<header class="flex justify-between items-center mb-8">
<div class="flex items-center">
<img src="https://via.placeholder.com/50" alt="Free Fire Logo" class="w-12 h-12 mr-3 rounded-lg">
<div>
<h1 class="text-2xl font-bold text-blue-400">Free Fire MAX</h1>
<p class="text-gray-400">Aimbot Control Panel</p>
</div>
</div>
<div class="flex items-center space-x-4">
<div class="relative">
<div class="absolute -top-2 -right-2 bg-red-500 text-xs rounded-full w-5 h-5 flex items-center justify-center">3</div>
<i class="fas fa-bell text-xl text-gray-400 hover:text-blue-400 cursor-pointer"></i>
</div>
<div class="bg-blue-600 px-4 py-1 rounded-full text-sm font-medium">VIP</div>
</div>
</header>
<!-- Main Panel -->
<div class="bg-gray-800 rounded-xl p-6 mb-8 glow-effect">
<div class="flex justify-between items-center mb-6">
<h2 class="text-xl font-bold">Aimbot Configuration</h2>
<div class="flex items-center space-x-2">
<span class="text-sm">Version 2.4.1</span>
<span class="bg-green-500 text-xs px-2 py-1 rounded-full">Active</span>
</div>
</div>
<!-- Main Controls -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<!-- Aimbot Settings -->
<div class="bg-gray-700 p-4 rounded-lg">
<h3 class="font-medium mb-4 text-blue-300 flex items-center">
<i class="fas fa-crosshairs mr-2"></i> Aimbot Settings
</h3>
<div class="space-y-4">
<div class="flex justify-between items-center">
<span>Auto Aim</span>
<label class="toggle-switch">
<input type="checkbox" id="autoAim" checked>
<span class="slider"></span>
</label>
</div>
<div class="flex justify-between items-center">
<span>Headshot Priority</span>
<label class="toggle-switch">
<input type="checkbox" id="headshotPriority" checked>
<span class="slider"></span>
</label>
</div>
<div class="flex justify-between items-center">
<span>Trigger Bot</span>
<label class="toggle-switch">
<input type="checkbox" id="triggerBot">
<span class="slider"></span>
</label>
</div>
<div class="flex justify-between items-center">
<span>Visibility Check</span>
<label class="toggle-switch">
<input type="checkbox" id="visibilityCheck" checked>
<span class="slider"></span>
</label>
</div>
</div>
</div>
<!-- Sensitivity Settings -->
<div class="bg-gray-700 p-4 rounded-lg">
<h3 class="font-medium mb-4 text-blue-300 flex items-center">
<i class="fas fa-sliders-h mr-2"></i> Sensitivity Settings
</h3>
<div class="space-y-4">
<div>
<div class="flex justify-between mb-1">
<span>Aim Strength</span>
<span id="aimStrengthValue">75%</span>
</div>
<input type="range" id="aimStrength" min="0" max="100" value="75" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<div class="flex justify-between mb-1">
<span>Smoothness</span>
<span id="smoothnessValue">60%</span>
</div>
<input type="range" id="smoothness" min="0" max="100" value="60" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<div class="flex justify-between mb-1">
<span>FOV</span>
<span id="fovValue">45°</span>
</div>
<input type="range" id="fov" min="10" max="90" value="45" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</div>
</div>
</div>
</div>
<!-- Advanced Settings -->
<div class="bg-gray-700 p-4 rounded-lg mb-6">
<h3 class="font-medium mb-4 text-blue-300 flex items-center">
<i class="fas fa-cog mr-2"></i> Advanced Settings
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div>
<label class="block text-sm mb-1">Aim Key</label>
<select class="w-full bg-gray-600 border border-gray-500 rounded-md px-3 py-2 text-sm">
<option>Right Mouse</option>
<option>Left Mouse</option>
<option>Shift</option>
<option>Ctrl</option>
<option>Custom...</option>
</select>
</div>
<div>
<label class="block text-sm mb-1">Target Selection</label>
<select class="w-full bg-gray-600 border border-gray-500 rounded-md px-3 py-2 text-sm">
<option>Distance Priority</option>
<option>Health Priority</option>
<option>Random</option>
</select>
</div>
<div>
<label class="block text-sm mb-1">Anti-Recoil</label>
<select class="w-full bg-gray-600 border border-gray-500 rounded-md px-3 py-2 text-sm">
<option>Off</option>
<option>Low</option>
<option selected>Medium</option>
<option>High</option>
</select>
</div>
</div>
</div>
<!-- Weapon Specific Settings -->
<div class="bg-gray-700 p-4 rounded-lg">
<h3 class="font-medium mb-4 text-blue-300 flex items-center">
<i class="fas fa-gun mr-2"></i> Weapon Specific Settings
</h3>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-gray-600">
<th class="text-left py-2">Weapon</th>
<th class="text-left py-2">Aim Strength</th>
<th class="text-left py-2">Smoothness</th>
<th class="text-left py-2">FOV</th>
<th class="text-left py-2">Active</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-600">
<td class="py-2">Assault Rifle</td>
<td class="py-2">
<input type="range" min="0" max="100" value="80" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<input type="range" min="0" max="100" value="70" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<input type="range" min="10" max="90" value="50" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<label class="toggle-switch">
<input type="checkbox" checked>
<span class="slider"></span>
</label>
</td>
</tr>
<tr class="border-b border-gray-600">
<td class="py-2">Sniper</td>
<td class="py-2">
<input type="range" min="0" max="100" value="95" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<input type="range" min="0" max="100" value="40" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<input type="range" min="10" max="90" value="30" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<label class="toggle-switch">
<input type="checkbox" checked>
<span class="slider"></span>
</label>
</td>
</tr>
<tr>
<td class="py-2">SMG</td>
<td class="py-2">
<input type="range" min="0" max="100" value="65" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<input type="range" min="0" max="100" value="80" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<input type="range" min="10" max="90" value="60" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer">
</td>
<td class="py-2">
<label class="toggle-switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Status and Actions -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<!-- Detection Status -->
<div class="bg-gray-800 p-4 rounded-lg">
<h3 class="font-medium mb-4 text-blue-300">Detection Status</h3>
<div class="space-y-3">
<div class="flex justify-between items-center">
<span>Memory Scan</span>
<span class="text-green-400 text-sm">Clean</span>
</div>
<div class="flex justify-between items-center">
<span>Signature Check</span>
<span class="text-green-400 text-sm">Undetected</span>
</div>
<div class="flex justify-between items-center">
<span>Behavior Analysis</span>
<span class="text-yellow-400 text-sm">Warning</span>
</div>
<div class="flex justify-between items-center">
<span>Last Update</span>
<span class="text-gray-400 text-sm">2 hours ago</span>
</div>
</div>
</div>
<!-- Performance -->
<div class="bg-gray-800 p-4 rounded-lg">
<h3 class="font-medium mb-4 text-blue-300">Performance</h3>
<div class="space-y-3">
<div>
<div class="flex justify-between mb-1">
<span>CPU Usage</span>
<span>32%</span>
</div>
<div class="progress-container">
<div class="progress-bar" style="width: 32%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span>Memory Usage</span>
<span>45MB</span>
</div>
<div class="progress-container">
<div class="progress-bar" style="width: 22%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span>FPS Impact</span>
<span>Low</span>
</div>
<div class="progress-container">
<div class="progress-bar" style="width: 15%"></div>
</div>
</div>
</div>
</div>
<!-- Quick Actions -->
<div class="bg-gray-800 p-4 rounded-lg">
<h3 class="font-medium mb-4 text-blue-300">Quick Actions</h3>
<div class="grid grid-cols-2 gap-3">
<button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-3 rounded-md text-sm flex items-center justify-center">
<i class="fas fa-play mr-2"></i> Inject
</button>
<button class="bg-gray-600 hover:bg-gray-700 text-white py-2 px-3 rounded-md text-sm flex items-center justify-center">
<i class="fas fa-stop mr-2"></i> Stop
</button>
<button class="bg-green-600 hover:bg-green-700 text-white py-2 px-3 rounded-md text-sm flex items-center justify-center">
<i class="fas fa-save mr-2"></i> Save Profile
</button>
<button class="bg-purple-600 hover:bg-purple-700 text-white py-2 px-3 rounded-md text-sm flex items-center justify-center">
<i class="fas fa-sync-alt mr-2"></i> Update
</button>
</div>
<div class="mt-4">
<button class="w-full bg-red-600 hover:bg-red-700 text-white py-2 px-3 rounded-md text-sm flex items-center justify-center">
<i class="fas fa-shield-alt mr-2"></i> Anti-Ban Protection
</button>
</div>
</div>
</div>
<!-- Footer -->
<footer class="text-center text-gray-500 text-sm">
<p>This software is for educational purposes only. Use at your own risk.</p>
<p class="mt-1">© 2023 Free Fire MAX Tools. Not affiliated with Garena.</p>
</footer>
</div>
<script>
// Update range input values in real-time
document.getElementById('aimStrength').addEventListener('input', function() {
document.getElementById('aimStrengthValue').textContent = this.value + '%';
});
document.getElementById('smoothness').addEventListener('input', function() {
document.getElementById('smoothnessValue').textContent = this.value + '%';
});
document.getElementById('fov').addEventListener('input', function() {
document.getElementById('fovValue').textContent = this.value + '°';
});
// Toggle glow effect when features are enabled/disabled
const toggles = document.querySelectorAll('input[type="checkbox"]');
toggles.forEach(toggle => {
toggle.addEventListener('change', function() {
const panel = document.querySelector('.glow-effect');
if(this.checked && this.id === 'autoAim') {
panel.style.boxShadow = '0 0 15px rgba(59, 130, 246, 0.7)';
} else if(!this.checked && this.id === 'autoAim') {
panel.style.boxShadow = 'none';
}
});
});
// Simulate injection process
document.querySelector('button:first-child').addEventListener('click', function() {
alert('Injection process simulated. This is a UI demo only.');
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Pnkj01/aimbot" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>