Skip to content

Latest commit

Β 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 

Repository files navigation

πŸ–€ Hacker UI Effects β€” Pure CSS + JS

Free hacker-style button effects + premium UI packs. No libraries. No frameworks. Copy-paste ready.

Made by CodeX ⚑


🎁 FREE #1 β€” Neon Glow Button

Save as neon-button.html and open in browser:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Neon Glow Button β€” CodeX</title>
<style>
body{min-height:100vh;background:#0a0a0f;display:grid;place-items:center}
.btn-neon{padding:14px 34px;background:transparent;border:2px solid #00e5ff;border-radius:10px;color:#00e5ff;font-family:Consolas,monospace;font-size:14px;letter-spacing:2px;cursor:pointer;transition:.25s;box-shadow:0 0 10px rgba(0,229,255,.3)}
.btn-neon:hover{background:#00e5ff;color:#000;box-shadow:0 0 30px #00e5ff}
</style>
</head>
<body>
<button class="btn-neon">HOVER ME</button>
</body>
</html>

🎁 FREE #2 β€” RGB Glitch Button

Save as glitch-button.html and open:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Glitch Button β€” CodeX</title>
<style>
body{min-height:100vh;background:#0a0a0f;display:grid;place-items:center}
.btn-glitch{position:relative;padding:14px 34px;background:#111;border:1px solid #00ff41;border-radius:10px;color:#00ff41;font-family:Consolas,monospace;font-size:14px;letter-spacing:2px;cursor:pointer}
.btn-glitch:hover{animation:gl .3s infinite}
@keyframes gl{25%{transform:translate(-2px,1px);box-shadow:2px 0 #ff00ff,-2px 0 #00e5ff}50%{transform:translate(2px,-1px);box-shadow:-2px 0 #ff00ff,2px 0 #00e5ff}75%{transform:translate(-1px,-1px)}}
</style>
</head>
<body>
<button class="btn-glitch">GLITCH ME</button>
</body>
</html>

πŸ’° Premium Packs β€” 5 effects each, $5

Pack Inside
Hacker Secrets Vol.1 Access Code β€’ Classified β€’ Boot β€’ Stamp β€’ Radar Get
Hacker Secrets Vol.2 Fingerprint β€’ Wire Defusal β€’ Matrix Rain β€’ Binary β€’ Voice Get
Hacker Secrets Vol.3 Encrypted β€’ Override β€’ Breach β€’ Lockdown β€’ Trace Get
Hacker Secrets Vol.4 Target Lock β€’ Skull β€’ Satellite β€’ Cracker β€’ Thermal Get
Glitch Buttons Vol.4 Matrix Decode β€’ Glitch Breach β€’ Terminal β€’ Laser β€’ Virus Get

πŸ‘ Live demo: codex-secrets-vol4-demo.netlify.app

More templates (nail salon, massage, landscaping…): shopcodex.sell.app


⚑ Why CodeX

  • Pure CSS + vanilla JS β€” zero dependencies
  • Commercial license included
  • Instant download, lifetime updates

License

Free samples β€” MIT. Premium packs β€” commercial license included.# hacker-ui-effects Free hacker-style CSS/JS button effects + premium UI packs. Pure code, no libraries.

About

Free hacker-style CSS/JS button effects + premium UI packs. Pure code, no libraries.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors