AI Website Builder
Save time building landing page pages and articles. Ask AI to output html, css, and javascript according to your specifications.
1
Your website request
Powered by a state-of-the-art AI models.
Website Builder API
Run Website Builder tasks programmatically using the code in the API panel to the right.
Website Builder API
Easily integrate a Website Builder tool into your own app or workflow. Fill out the AI task editor above to see the code to run that task below.
JavaScript Code
Your API Key
Loading...
Support
To report a bug, request a feature, or ask us a question, please email us at tom@spyce.ai.
Examples
Create a one-page high-converting website in html for a pizza restaurant.
HTML
Code
///
This HTML file contains inline CSS and embedded JavaScript, providing a modern, responsive, and high-converting single-page website for a pizza restaurant. The design includes a hero section, menu, call-to-action, and contact information.
Create a one-page website for an online learning platform called “EduQuest” with the following features and sections:
1. A fixed navigation bar with links to course categories (Math, Science, Languages, Arts) and a search bar.
2. A hero section with a video background showcasing students learning online, a dynamic tagline that rotates between “Learn at your own pace,” “Discover new passions,” and “Expand your horizons” every 3 seconds, and a “Get Started” button leading to a course catalog.
3. A featured courses section displaying course cards with placeholders for course images, titles, instructors, and descriptions.
4. An interactive “Learning Paths” section with a short quiz to determine learning styles and interests, and a button to start the quiz.
5. A “Success Stories” section featuring testimonials from satisfied students, with placeholders for the testimonial text and student names.
6. A footer with links to the platform’s blog, FAQ, privacy policy, and a “Contact Us” button that opens a modal window with a contact form and customer support information.
Include filler placeholder content for the video background, course cards, and testimonials. Embed the CSS styles within the <style> tag in the <head> section and place the JavaScript code within the <script> tag at the end of the <body> section.
The JavaScript code should handle the dynamic tagline in the hero section, rotating through the different taglines every 3 seconds.
HTML
Code
Write me a fully complete web app as a single HTML file. The app should contain a simple side-scrolling 300px by 300px flappy-bird game clone where I press and hold space key to have a bird fly higher and avoid obstacles as they scroll in from right to left. We should have a counter in the top-right to keep track of points. The bird can take 3 hits before the game is over and you can try again. The game should have a welcome screen with a start button. After the game ends, there should be a retry button. You should make the website very aesthetic and use Tailwind.
Here's a complete HTML file containing a Flappy Bird-like game with the requested features, using Tailwind for styling:
HTML
Code
Write me a fully complete web app as a single HTML file. The app should contain a simple side-scrolling game where I use WASD to move around. When moving around the world, occasionally the character/sprite will encounter words. When a word is encountered, the player must correctly type the word as fast as possible.The faster the word is successfully typed, the more point the player gets. We should have a counter in the top-right to keep track of points. Words should be random and highly variable to keep the game interesting.
You should make the website very aesthetic and use Tailwind.
Here's a fully complete web app as a single HTML file, incorporating a side-scrolling game with word typing challenges, using Tailwind for styling:
HTML
Code
