A JavaScript library that lets you add interactivity to HTML without writing JavaScript code. Just add attributes ending with "z" to your HTML elements!
Instead of writing JavaScript like this:
document.querySelector("button").addEventListener("click", () => {
alert("Hello World!");
});With GenZ.js, you just write:
<button alertz="Hello World!">Click me</button>- Zero JavaScript knowledge required - Add functionality through HTML attributes
- Lightweight - Small footprint, fast loading
- Intuitive - All attributes end with "z" for easy recognition
- Powerful - Covers most common interactive need.
- Include Gen‑Z via CDN
- Add Gen-Z attributes to your HTML elements
- That's it! 🎉
<!DOCTYPE html>
<html>
<head>
<title>My Gen-Z App</title>
</head>
<body>
<button alertz="Hello World!">Click me</button>
<script src="https://cdn.jsdelivr.net/gh/Nebulaz7/[email protected]/dist/gen-z.min.js"></script>
</body>
</html>You can view the documentation in the official site docs
Want to add more "z" attributes? The framework is designed to be easily extensible. Check out the bindEvents() method in script.js to see how new attributes are added.
Free to use and modify. Built with ❤️ for the Gen-Z developers who want HTML-first interactivity!
Happy coding! 🚀✨