Built for Visual Developers
requery-js
Web Component Framework and reactive query language for visual website builders
I am thrilled to release requery-js – a powerful JavaScript Web Component framework that brings reactivity to raw HTML templates and website builders like Webflow.
Integrating advanced JavaScript functionality with visual builders has always been a challenge. Traditional solutions often rely on JSX or custom directives, which aren't supported when working with raw HTML.
Requery solves these issues by leveraging @vue/reactivity for robust state management and providing a simple API for binding state to DOM elements.
Experience the perfect blend of power and simplicity with requery-js.
Strengths
Empowering Visual Developers
Discover how requery-js simplifies web development by decoupling Web Component definitions and raw HTML templates.
Seamless Compatibility
It doesn't matter what language you prefer when building a website. If it outputs HTML, you can sprinkle reactivity using requery-js to create interactive websites.
<rq-collection>
<h1 class="title">Blog Posts</h1>
<div class="posts-grid">
<article rq="post">
<img rq="image" src="" alt="">
<h2 rq="title"></h2>
<p rq="summary"></p>
</article>
</div>
</rq-collection>State Management Simplified
Leverage the power of @vue/reactivity for efficient, scalable state management in your projects, enabling complex reactivity with minimal overhead.
defineComponent("rq-collection",
{
props: {
selected: null,
},
store: {
items: [],
loading: false,
error: null,
},
setup(component, props, store, actions) {
...
},
}
);Accessible for Everyone
Whether you're a seasoned Go developer, JavaScript developer, or just starting out, requery's intuitive API makes adding reactivity to your sites a breeze.
component.query("image")
.bind("src", () => props.image);
component.query("title")
.text(() => props.name);
component.query("summary")
.text(() => props.summary);
Stats
~12kb
Bundle
~5kb
Gzip
Built for Visual Developers
requery-js
Web Component Framework and reactive query language for visual website builders
I am thrilled to release requery-js – a powerful JavaScript Web Component framework that brings reactivity to raw HTML templates and website builders like Webflow.
Integrating advanced JavaScript functionality with visual builders has always been a challenge. Traditional solutions often rely on JSX or custom directives, which aren't supported when working with raw HTML.
Requery solves these issues by leveraging @vue/reactivity for robust state management and providing a simple API for binding state to DOM elements.
Experience the perfect blend of power and simplicity with requery-js.
Strengths
Empowering Visual Developers
Discover how requery-js simplifies web development by decoupling Web Component definitions and raw HTML templates.
Seamless Compatibility
It doesn't matter what language you prefer when building a website. If it outputs HTML, you can sprinkle reactivity using requery-js to create interactive websites.
<rq-collection>
<h1 class="title">Blog Posts</h1>
<div class="posts-grid">
<article rq="post">
<img rq="image" src="" alt="">
<h2 rq="title"></h2>
<p rq="summary"></p>
</article>
</div>
</rq-collection>State Management Simplified
Leverage the power of @vue/reactivity for efficient, scalable state management in your projects, enabling complex reactivity with minimal overhead.
defineComponent("rq-collection",
{
props: {
selected: null,
},
store: {
items: [],
loading: false,
error: null,
},
setup(component, props, store, actions) {
...
},
}
);Accessible for Everyone
Whether you're a seasoned Go developer, JavaScript developer, or just starting out, requery's intuitive API makes adding reactivity to your sites a breeze.
component.query("image")
.bind("src", () => props.image);
component.query("title")
.text(() => props.name);
component.query("summary")
.text(() => props.summary);
Stats
~12kb
Bundle
~5kb
Gzip
Built for Visual Developers
requery-js
Web Component Framework and reactive query language for visual website builders
I am thrilled to release requery-js – a powerful JavaScript Web Component framework that brings reactivity to raw HTML templates and website builders like Webflow.
Integrating advanced JavaScript functionality with visual builders has always been a challenge. Traditional solutions often rely on JSX or custom directives, which aren't supported when working with raw HTML.
Requery solves these issues by leveraging @vue/reactivity for robust state management and providing a simple API for binding state to DOM elements.
Experience the perfect blend of power and simplicity with requery-js.
Strengths
Empowering Visual Developers
Discover how requery-js simplifies web development by decoupling Web Component definitions and raw HTML templates.
Seamless Compatibility
It doesn't matter what language you prefer when building a website. If it outputs HTML, you can sprinkle reactivity using requery-js to create interactive websites.
<rq-collection>
<h1 class="title">Blog Posts</h1>
<div class="posts-grid">
<article rq="post">
<img rq="image" src="" alt="">
<h2 rq="title"></h2>
<p rq="summary"></p>
</article>
</div>
</rq-collection>State Management Simplified
Leverage the power of @vue/reactivity for efficient, scalable state management in your projects, enabling complex reactivity with minimal overhead.
defineComponent("rq-collection",
{
props: {
selected: null,
},
store: {
items: [],
loading: false,
error: null,
},
setup(component, props, store, actions) {
...
},
}
);Accessible for Everyone
Whether you're a seasoned Go developer, JavaScript developer, or just starting out, requery's intuitive API makes adding reactivity to your sites a breeze.
component.query("image")
.bind("src", () => props.image);
component.query("title")
.text(() => props.name);
component.query("summary")
.text(() => props.summary);
Stats
~12kb
Bundle
~5kb