Built for Visual Developers
AuroraJS
The reactive JavaScript library built for vanilla HTML templates and powered by signals
Join the waitlist to get notified when we launch
At Aurora, we're revolutionising the world of no-code website builders. After years of trial and error, we're thrilled to unveil Aurora – a powerful JavaScript library that brings reactive programming to platforms like Webflow.
Integrating advanced JavaScript functionality with no-code builders has always been a challenge. Traditional solutions often rely on JSX or custom directives, which aren't supported in auto-generated HTML environments.
Aurora bridges this gap with an elegant, future-proof approach. Our library uses Preact Signals for robust state management and provides a simple abstraction for binding state to DOM elements.
By eliminating the need for fragile, hack-based solutions, Aurora empowers developers to create sophisticated, reactive websites while fully leveraging the benefits of visual builders. Experience the perfect blend of power and simplicity with Aurora.
Strengths
Empowering Visual Developers
Discover how Aurora transforms web development for low-code developers. Our solution blends power, simplicity, and compatibility.
Seamless Compatibility
Aurora is designed to work flawlessly with popular visual website builders, ensuring your reactive elements integrate smoothly with auto-generated HTML.
<h1 class="title">Blog Posts</h1>
<div class="posts-grid">
<article data-ref="postItem" class="archive-item">
<img data-ref="postItemImage" class="archive-item-image" src="" alt="">
<h2 data-ref="postItemTitle" class="archive-item-title"></h2>
<p data-ref="postItemSummary" class="archive-item-summary"></p>
</article>
</div>State Management Simplified
Leverage the power of Preact Signals for efficient, scalable state management in your projects, enabling complex reactivity with minimal overhead.
// Create a preact signal
const searchQuery = signal('');
// Create deep signal
const posts = signal([
{ id: 1, title: "First Blog Post", summary: "This is a summary of the first blog post.", imageUrl: "https://example.com/image1.jpg" },
{ id: 2, title: "Second Blog Post", summary: "This is a summary of the second blog post.", imageUrl: "https://example.com/image2.jpg" },
{ id: 3, title: "Third Blog Post", summary: "This is a summary of the third blog post.", imageUrl: "https://example.com/image3.jpg" },
], {
deep: true
});
Accessible for Everyone
Whether you're a seasoned developer or just starting out, Aurora's intuitive API and clear documentation make adding reactivity to your sites a breeze.
ref('postItem').for(posts, (postRef, postData) => {
postRef.child('postItemImage', (imgRef) => {
imgRef.bind('src', postData.value.imageUrl.value);
imgRef.bind('alt', postData.value.title.value);
});
itemRef.child('postItemTitle', (titleRef) => {
titleRef.bind('textContent', postData.value.title.value);
});
itemRef.child('postItemSummary', (summaryRef) => {
summaryRef.bind('textContent', postData.value.summary.value);
});
}, (item) => item.value.id.value);
Stats
~15kb
Bundle
~5kb
Gzip
Features
Explore the Features Included with Aurora
ref()
Easily link your JavaScript to specific HTML elements on your page using HTML attributes, enabling dynamic updates and interactions.
signal()
Create reactive variables using Preact Signals, automatically updating your website when values change and keeping everything in sync.
computed()
Create values that automatically update based on changes in other signals, perfect for displaying combined or processed data without extra code.
effect()
Set up functions that run automatically when specific data changes, allowing your site to react intelligently to updates.
defineServerAction()
Define server-side functions (APIs) in your client-side JavaScript to deploy server logic without the hassle of connecting low-code tools.
serverAction()
Execute server actions from your client-side code with ease. Perfect for fetching data, submitting forms and much more.
AuroraJS Cloud
Supercharge Your Sites with Server-Side Rendering
Elevate your projects with powerful server-side capabilities. AuroraJS Cloud provides effortless server-side rendering and versatile server functions, unlocking new possibilities for your low-code web applications. Experience enhanced functionality with minimal setup and maximum flexibility.
Built for Visual Developers
AuroraJS
The reactive JavaScript library built for vanilla HTML templates and powered by signals
Join the waitlist to get notified when we launch
At Aurora, we're revolutionising the world of no-code website builders. After years of trial and error, we're thrilled to unveil Aurora – a powerful JavaScript library that brings reactive programming to platforms like Webflow.
Integrating advanced JavaScript functionality with no-code builders has always been a challenge. Traditional solutions often rely on JSX or custom directives, which aren't supported in auto-generated HTML environments.
Aurora bridges this gap with an elegant, future-proof approach. Our library uses Preact Signals for robust state management and provides a simple abstraction for binding state to DOM elements.
By eliminating the need for fragile, hack-based solutions, Aurora empowers developers to create sophisticated, reactive websites while fully leveraging the benefits of visual builders. Experience the perfect blend of power and simplicity with Aurora.
Strengths
Empowering Visual Developers
Discover how Aurora transforms web development for low-code developers. Our solution blends power, simplicity, and compatibility.
Seamless Compatibility
Aurora is designed to work flawlessly with popular visual website builders, ensuring your reactive elements integrate smoothly with auto-generated HTML.
<h1 class="title">Blog Posts</h1>
<div class="posts-grid">
<article data-ref="postItem" class="archive-item">
<img data-ref="postItemImage" class="archive-item-image" src="" alt="">
<h2 data-ref="postItemTitle" class="archive-item-title"></h2>
<p data-ref="postItemSummary" class="archive-item-summary"></p>
</article>
</div>State Management Simplified
Leverage the power of Preact Signals for efficient, scalable state management in your projects, enabling complex reactivity with minimal overhead.
// Create a preact signal
const searchQuery = signal('');
// Create deep signal
const posts = signal([
{ id: 1, title: "First Blog Post", summary: "This is a summary of the first blog post.", imageUrl: "https://example.com/image1.jpg" },
{ id: 2, title: "Second Blog Post", summary: "This is a summary of the second blog post.", imageUrl: "https://example.com/image2.jpg" },
{ id: 3, title: "Third Blog Post", summary: "This is a summary of the third blog post.", imageUrl: "https://example.com/image3.jpg" },
], {
deep: true
});
Accessible for Everyone
Whether you're a seasoned developer or just starting out, Aurora's intuitive API and clear documentation make adding reactivity to your sites a breeze.
ref('postItem').for(posts, (postRef, postData) => {
postRef.child('postItemImage', (imgRef) => {
imgRef.bind('src', postData.value.imageUrl.value);
imgRef.bind('alt', postData.value.title.value);
});
itemRef.child('postItemTitle', (titleRef) => {
titleRef.bind('textContent', postData.value.title.value);
});
itemRef.child('postItemSummary', (summaryRef) => {
summaryRef.bind('textContent', postData.value.summary.value);
});
}, (item) => item.value.id.value);Stats
~15kb
Bundle
~5kb
Gzip
Features
Explore the Features Included with Aurora
ref()
Easily link your JavaScript to specific HTML elements on your page using HTML attributes, enabling dynamic updates and interactions.
signal()
Create reactive variables using Preact Signals, automatically updating your website when values change and keeping everything in sync.
computed()
Create values that automatically update based on changes in other signals, perfect for displaying combined or processed data without extra code.
effect()
Set up functions that run automatically when specific data changes, allowing your site to react intelligently to updates.
defineServerAction()
Define server-side functions (APIs) in your client-side JavaScript to deploy server logic without the hassle of connecting low-code tools.
serverAction()
Execute server actions from your client-side code with ease. Perfect for fetching data, submitting forms and much more.
AuroraJS Cloud
Supercharge Your Sites with Server-Side Rendering
Elevate your projects with powerful server-side capabilities. AuroraJS Cloud provides effortless server-side rendering and versatile server functions, unlocking new possibilities for your low-code web applications. Experience enhanced functionality with minimal setup and maximum flexibility.
Built for Visual Developers
AuroraJS
The reactive JavaScript library built for vanilla HTML templates and powered by signals
Join the waitlist to get notified when we launch
At Aurora, we're revolutionising the world of no-code website builders. After years of trial and error, we're thrilled to unveil Aurora – a powerful JavaScript library that brings reactive programming to platforms like Webflow.
Integrating advanced JavaScript functionality with no-code builders has always been a challenge. Traditional solutions often rely on JSX or custom directives, which aren't supported in auto-generated HTML environments.
Aurora bridges this gap with an elegant, future-proof approach. Our library uses Preact Signals for robust state management and provides a simple abstraction for binding state to DOM elements.
By eliminating the need for fragile, hack-based solutions, Aurora empowers developers to create sophisticated, reactive websites while fully leveraging the benefits of visual builders. Experience the perfect blend of power and simplicity with Aurora.
Strengths
Empowering Visual Developers
Discover how Aurora transforms web development for low-code developers. Our solution blends power, simplicity, and compatibility.
Seamless Compatibility
Aurora is designed to work flawlessly with popular visual website builders, ensuring your reactive elements integrate smoothly with auto-generated HTML.
<h1 class="title">Blog Posts</h1>
<div class="posts-grid">
<article data-ref="postItem" class="archive-item">
<img data-ref="postItemImage" class="archive-item-image" src="" alt="">
<h2 data-ref="postItemTitle" class="archive-item-title"></h2>
<p data-ref="postItemSummary" class="archive-item-summary"></p>
</article>
</div>State Management Simplified
Leverage the power of Preact Signals for efficient, scalable state management in your projects, enabling complex reactivity with minimal overhead.
// Create a preact signal
const searchQuery = signal('');
// Create deep signal
const posts = signal([
{ id: 1, title: "First Blog Post", summary: "This is a summary of the first blog post.", imageUrl: "https://example.com/image1.jpg" },
{ id: 2, title: "Second Blog Post", summary: "This is a summary of the second blog post.", imageUrl: "https://example.com/image2.jpg" },
{ id: 3, title: "Third Blog Post", summary: "This is a summary of the third blog post.", imageUrl: "https://example.com/image3.jpg" },
], {
deep: true
});
Accessible for Everyone
Whether you're a seasoned developer or just starting out, Aurora's intuitive API and clear documentation make adding reactivity to your sites a breeze.
ref('postItem').for(posts, (postRef, postData) => {
postRef.child('postItemImage', (imgRef) => {
imgRef.bind('src', postData.value.imageUrl.value);
imgRef.bind('alt', postData.value.title.value);
});
itemRef.child('postItemTitle', (titleRef) => {
titleRef.bind('textContent', postData.value.title.value);
});
itemRef.child('postItemSummary', (summaryRef) => {
summaryRef.bind('textContent', postData.value.summary.value);
});
}, (item) => item.value.id.value);Stats
~15kb
Bundle
~5kb
Gzip
Features
Explore the Features Included with Aurora
ref()
Easily link your JavaScript to specific HTML elements on your page using HTML attributes, enabling dynamic updates and interactions.
signal()
Create reactive variables using Preact Signals, automatically updating your website when values change and keeping everything in sync.
computed()
Create values that automatically update based on changes in other signals, perfect for displaying combined or processed data without extra code.
effect()
Set up functions that run automatically when specific data changes, allowing your site to react intelligently to updates.
defineServerAction()
Define server-side functions (APIs) in your client-side JavaScript to deploy server logic without the hassle of connecting low-code tools.
serverAction()
Execute server actions from your client-side code with ease. Perfect for fetching data, submitting forms and much more.
AuroraJS Cloud
Supercharge Your Sites with Server-Side Rendering
Elevate your projects with powerful server-side capabilities. AuroraJS Cloud provides effortless server-side rendering and versatile server functions, unlocking new possibilities for your low-code web applications. Experience enhanced functionality with minimal setup and maximum flexibility.