A powerful JavaScript library with intuitive syntax like _('#id'), .on(), .animate() and .fadeIn() that makes DOM manipulation, dynamic content, and animations effortless.
// Dynamic card creation with animationslet cardId = 0_.on const card ('<div>') .addClass .html .css .appendTo .animate; _.on _ });});Hover to interact
Sponsors
YakaJS is supported by incredible partners and sponsors who make it possible for a team of talented developers to maintain the library and create amazing features.
Why YakaJS?
YakaJS is a modern JavaScript library that combines simplicity with powerful features. From voice commands to reactive state management, YakaJS gives you everything you need to build amazing web applications.
The ONLY JavaScript library with built-in voice control. Control your app by speaking commands.
Batched DOM operations and smart caching prevent layout thrashing for smooth performance.
15+ smooth animations including bounce, swing, flip3D, and more. Chain them for stunning effects.
Vuex-style store with mutations, actions, and time-travel debugging. Reactive signals and effects.
Built-in XSS protection, CSRF tokens, and input sanitization keep your users safe.
Everything you need: routing, AJAX, WebSockets, command palette, virtual scroll, and much more.
How it works
YakaJS automatically optimizes your code with intelligent batching and efficient DOM operations, which means your applications run smoothly and efficiently. In fact, most YakaJS projects ship just 151KB of JavaScript to the client with 150+ features included.
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>YakaJS</title> <link rel="stylesheet" href="/build.css" /> </head> <body> <button class=""></button> </body></html>@layer utilities {}