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.
Next Level AI-Image Generation
Generate images with photographic quality. You can input your prompt or instruction for each image in the design, and it follows with remarkable precision with the support of the FLUX.1 schnell image model. FLUX.1 schnell also excels at rendering realistic human features, including hands and fingers, which are often challenging for AI.
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
- version 1.2.4 -
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.
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.
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.
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.
Change License
From Standard to Pro License ($199)
From Pro to Super License ($629)