-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
212 lines (202 loc) · 9.08 KB
/
index.html
File metadata and controls
212 lines (202 loc) · 9.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XSS Arsenal - Professional Payload Repository</title>
<link rel="stylesheet" href="styles.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<!-- Alert Protection Modal -->
<div id="alertProtectionModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h2><i class="fas fa-shield-alt"></i> Alert Protection Active</h2>
<p>This site has alert protection enabled to prevent unwanted popup interruptions while browsing XSS payloads.</p>
<label class="toggle-container">
<input type="checkbox" id="alertProtectionToggle" checked>
<span class="toggle-slider"></span>
Enable Alert Protection
</label>
</div>
</div>
<!-- Copy Success Toast -->
<div id="copyToast" class="toast">
<i class="fas fa-check-circle"></i>
Payload copied to clipboard!
</div>
<!-- Animated Background -->
<div class="animated-bg">
<div class="matrix-rain"></div>
</div>
<header class="header">
<div class="container">
<div class="header-content">
<div class="logo">
<i class="fas fa-bug animated-icon"></i>
<h1>XSS Arsenal</h1>
<span class="subtitle">Professional Payload Repository</span>
<div class="version-badge">v2.0 Enhanced</div>
</div>
<div class="header-controls">
<button id="alertProtectionBtn" class="control-btn">
<i class="fas fa-shield-alt"></i>
Alert Protection
</button>
<button id="themeToggle" class="control-btn">
<i class="fas fa-moon"></i>
</button>
<button id="exportBtn" class="control-btn">
<i class="fas fa-download"></i>
Export
</button>
<button id="randomPayloadBtn" class="control-btn">
<i class="fas fa-random"></i>
Random
</button>
</div>
</div>
</div>
</header>
<main class="main">
<div class="container">
<!-- Search and Filter Section -->
<div class="search-section">
<div class="search-container">
<div class="search-box">
<i class="fas fa-search"></i>
<input type="text" id="searchInput" placeholder="Search payloads by event, tag, or description...">
<button id="clearSearch" class="clear-btn">
<i class="fas fa-times"></i>
</button>
</div>
<div class="filter-controls">
<select id="eventFilter">
<option value="">All Events</option>
</select>
<select id="tagFilter">
<option value="">All Tags</option>
</select>
<select id="browserFilter">
<option value="">All Browsers</option>
<option value="chrome">Chrome Compatible</option>
<option value="firefox">Firefox Compatible</option>
<option value="safari">Safari Compatible</option>
</select>
</div>
</div>
</div>
<!-- Stats Section -->
<div class="stats-section">
<div class="stat-card">
<div class="stat-number" id="totalPayloads">0</div>
<div class="stat-label">Total Payloads</div>
</div>
<div class="stat-card">
<div class="stat-number" id="filteredPayloads">0</div>
<div class="stat-label">Filtered Results</div>
</div>
<div class="stat-card">
<div class="stat-number" id="uniqueEvents">0</div>
<div class="stat-label">Unique Events</div>
</div>
<div class="stat-card">
<div class="stat-number" id="compatibleBrowsers">3</div>
<div class="stat-label">Supported Browsers</div>
</div>
<div class="stat-card">
<div class="stat-number" id="categoriesCount">10</div>
<div class="stat-label">Categories</div>
</div>
<div class="stat-card">
<div class="stat-number" id="lastUpdated">2025</div>
<div class="stat-label">Last Updated</div>
</div>
</div>
<!-- Category Navigation -->
<div class="category-nav">
<button class="category-btn active" data-category="all">
<i class="fas fa-list"></i>
All Payloads
</button>
<button class="category-btn" data-category="no-interaction">
<i class="fas fa-magic"></i>
No User Interaction
</button>
<button class="category-btn" data-category="animation-events">
<i class="fas fa-spinner"></i>
Animation Events
</button>
<button class="category-btn" data-category="media-events">
<i class="fas fa-video"></i>
Media Events
</button>
<button class="category-btn" data-category="user-interaction">
<i class="fas fa-hand-pointer"></i>
User Interaction
</button>
<button class="category-btn" data-category="classic-vectors">
<i class="fas fa-history"></i>
Classic Vectors
</button>
<button class="category-btn" data-category="svg-vectors">
<i class="fas fa-shapes"></i>
SVG Vectors
</button>
<button class="category-btn" data-category="firefox-specific">
<i class="fab fa-firefox"></i>
Firefox Specific
</button>
<button class="category-btn" data-category="safari-specific">
<i class="fab fa-safari"></i>
Safari Specific
</button>
<button class="category-btn" data-category="protocol-manipulation">
<i class="fas fa-link"></i>
Protocol Manipulation
</button>
</div>
<!-- Payloads Container -->
<div class="payloads-container" id="payloadsContainer">
<!-- Payloads will be dynamically inserted here -->
</div>
<!-- Load More Button -->
<div class="load-more-section">
<button id="loadMoreBtn" class="load-more-btn">
<i class="fas fa-plus-circle"></i>
Load More Payloads
</button>
</div>
</div>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3><i class="fas fa-info-circle"></i> About XSS Arsenal</h3>
<p>A comprehensive collection of Cross-Site Scripting (XSS) payloads for security professionals, penetration testers, and bug bounty hunters.</p>
</div>
<div class="footer-section">
<h3><i class="fas fa-exclamation-triangle"></i> Disclaimer</h3>
<p>These payloads are for educational and authorized testing purposes only. Use responsibly and only on systems you own or have explicit permission to test.</p>
</div>
<div class="footer-section">
<h3><i class="fas fa-heart"></i> Credits</h3>
<p>Data sourced from PortSwigger's XSS Cheat Sheet. Updated regularly to include the latest attack vectors.</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 XSS Arsenal. For authorized security testing only.</p>
<p class="developer-credit">
<i class="fas fa-code"></i>
Developed by: <span class="username">adce626</span>
<i class="fas fa-shield-alt"></i>
</p>
</div>
</div>
</footer>
<script src="payloads.js"></script>
<script src="script.js"></script>
</body>
</html>