The Tailwind of Frontend Behavior
genX
Frontend devs, unite. Stop waiting on the backend.
Formatting, tables, binding, accessibility — all from HTML attributes.
With a server or without. It doesn't matter.
Declare Independence
Tired of waiting on backend PRs for UI changes? Format currencies, sort tables, bind data, add accessibility — ship it yourself, today. No API changes. No deploy coordination. Just HTML.
Before: Traditional JavaScript
Create a formatter, query elements, attach listeners, handle updates...
const formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD'
});
document.querySelectorAll('.price').forEach(el => {
el.textContent = formatter.format(
parseFloat(el.dataset.value)
);
});After: genX
One attribute. Done.
<span fx-format="currency">1299.99</span>
<!-- Displays: $1,299.99 -->Why genX?
HTML-First
Control everything with attributes. Your HTML becomes self-documenting.
On-Demand Loading
~1KB bootloader scans your page. Only used modules are loaded.
100% Client-Side
No tracking. No external calls. GDPR compliant by design.
WCAG 2.1 AA
Accessibility built in. Screen reader friendly, keyboard navigable.
60 FPS Target
All operations complete in under 16ms. No jank, no lag.
Works Everywhere
Static sites, SPAs, server-rendered apps. Vanilla HTML, React, Vue, Django, Rails — wherever you have HTML.
Get Started in Seconds
<script src="https://cdn.genx.software/v1/bootloader.js" defer></script>That's it. Start using genX attributes immediately.