DOM Patterns
Select, create and update interface elements with predictable, scoped logic.
JavaScript Resources
Create smarter with JavaScript.
Lightweight interactions, browser APIs and reusable frontend patterns for responsive, accessible and maintainable interfaces.
Native
Browser-first code
Lean
No unnecessary library
Ready
Copy and customise
Vanilla JavaScript
Ready
const elements = document.querySelectorAll(
"[data-reveal]"
);
const observer = new IntersectionObserver(
entries => entries.forEach(entry => {
entry.target.classList.toggle(
"is-visible",
entry.isIntersecting
);
})
);
elements.forEach(el => observer.observe(el));
Production Ready
Responsive
What You Can Build
Useful JavaScript without unnecessary complexity.
The library focuses on practical browser-side behaviour that can be understood, maintained and adapted without a heavy framework.
Events
Handle clicks, keyboard input, pointer movement and form interactions responsibly.
Browser APIs
Use IntersectionObserver, ResizeObserver, Clipboard and other native capabilities.
State & Controls
Build tabs, accordions, filters, menus and toggles with clear state handling.
Async Behaviour
Manage fetch requests, loading states, failures and progressive enhancement.
Accessibility
Preserve keyboard support, ARIA states, focus management and reduced motion.
Resource Library
JavaScript Resources
The grid below is loaded automatically from your existing UINEXA snippet library.
Loading…
resources
Loading the UINEXA library…
Fetching matching resources from WordPress.
Implementation
From interaction idea to stable component.
A small amount of structured JavaScript is often enough. Start with semantic HTML and add behaviour progressively.
Open the free Cheat Sheets ↗Start with semantic HTML
The interface should remain understandable before JavaScript enhances it.
Use data attributes
Connect behaviour to dedicated data attributes rather than presentation classes.
Guard every selector
Check that required elements exist and prevent the same script from initialising twice.
Test every input method
Verify mouse, touch, keyboard, resize and failure states before launch.
Frequently Asked Questions
Before you start building.
The JavaScript section primarily focuses on native browser JavaScript. Individual snippet requirements are listed on each resource page.
Yes. Many scripts can be added through an HTML widget or Elementor Custom Code when the markup and loading order are configured correctly.
Resources intended as reusable components are scoped so that multiple instances can work on one page. Always review the installation notes.
UINEXA patterns aim to preserve semantic HTML, keyboard operation, focus visibility and accurate ARIA state updates where required.
UINEXA Library
Turn the next interface idea into production code.
Start with the free resources or unlock the complete Pro library for personal and client projects.