Most AI Web Builders don't meet our expectations, so we created PageStudioAI.js: an AI Web Builder JavaScript Library for Web Agencies & SaaS Builders.
Here's the backstory, but feel free to explore the PageStudioAI.js online demo here:
Our requirements can be distilled to this: agency-level quality for client projects. So, we expect an AI web builder to have:
- Rich layout. We love creative compositions, not generic-looking.
- Ability to change parts, still with AI, without recreating the whole.
- Contextual content. The generated content highlights the detailed aspects of the fields and avoids marketing jargon.
- Conceptual images. Avoiding typical dramatic AI-generated photos that will not fit the purpose.
- More below...
With this checklist as our guide, we've developed our own AI web builder, and now it is ready for use.
An example of Interior Designer/Studio web page.
While most AI web builders are hosted services, we made our AI web builder available as a JavaScript library, enabling a wide range of usage possibilities by developers - for their clients' projects or SaaS platforms.
Some features below.
Rich Layout
With PageStudioAI.js, we can test each section with various different layouts. The headline text will switch between short or long versions, fitting into various placements in different layouts, automatically! This unique feature may still not be found anywhere else.
The layouts are also not generic-looking. Layout means a composition, visual languages that engage viewers. This is our priority.
Example: One Section, Multiple Layouts
Example 2: One Section, Multiple Layouts
Contextual Content
The generated website content will also aim to avoid marketing clichés that could dilute the message. Instead, it will highlight the philosophical concepts as well as technical aspects of the products/services being offered, regardless of the limited information that may be provided in the Generate form.
When generating a website for UI/UX designers, for example, the content will reflect the field, highlighting details such as wireframing, user personas, and the overall workflow that creates a good portfolio for a UI/UX designer.
The built-in Generate form. Note that PageStudioAI.js also supports custom designed form.
Ability to Fix or Regenerate Specific Section
Instead of recreating the whole from scratch, we can request AI to rewrite specific sections or just click "Rewrite Content" to get different results multiple times.
One Click Shading Adjustment
When working with text over an image, contrast adjustment is often necessary. Instead of manually setting the text color and background overlay, the One-Click shading adjustment allows us to try different options for enhancing text contrast over an image.
Not Typical AI-Images
We're referring to the conceptual style of images, focusing on one main subject with natural color rendering. The generated images should look suitable for the cover of art or lifestyle magazines.
Sample generated image.
One Click to Regenerate Specific Image
Just click on an image and regenerate image button is ready whenever we want to change specific image.
Regenerate image
More Features:
- Layout Selection
- Typography Style Selection
- Export to Edit using ContentBox.js page builder.
- Export for Download
One click to export and edit with ContentBox.js
Download
Just Released: ver.1.1.
Unlike most AI web builders, which are typically hosted services, we made our AI web builder available for download, as a JavaScript library. This means more flexibility.
PageStudioAI.js requires API Keys that you can get from: OpenAI (for content generation) and Getimg.ai (for image generation). Examples are provided in HTML with Node.js and PHP. Since it's JavaScript (runs on the client), the server environment can vary. You can use it with Next.js, Laravel backend, etc.
We developed PageStudioAI.js with developers in mind, those who provide solutions to their clients. We love empowering developers with great tools, so PageStudioAI.js is available now for use by agencies or SaaS builders for their projects.
With the initial release, we're offering a limited-time discount, which will end soon after the v.1.1 release.
Super (Source Code) License:
- Unlimited websites or clients' projects.
- License for SaaS with unlimited users: Yes.
The number of SaaS / Online Platforms: up to 3. - Full Source Code for customization.
- Integrated ContentBox.js for editing included.
- One Year Free Upgrade & Support.
Pro License:
- Unlimited websites or clients' projects.
- License for SaaS with unlimited users: Yes.
The number of SaaS / Online Platforms: 1. - Source Code: No.
- Integrated ContentBox.js for editing included.
- One Year Free Upgrade & Support.
Standard License:
- Unlimited websites or clients' projects.
- License for SaaS: No.
- Source Code: No.
- Integrated ContentBox.js for editing included.
- One Year Free Upgrade & Support.