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.
///
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.
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:
This HTML file creates a complete Flappy Bird-like game with the following features:
- A 300x300 pixel game area
- A bird that flies higher when the space key is pressed and held
- Obstacles that scroll from right to left
- A score counter in the top-right corner
- A lives counter in the top-left corner (3 hits before game over)
- A welcome screen with a start button
- A game over screen with a retry button
- Aesthetic styling using Tailwind CSS
To play the game:
- Open this HTML file in a web browser.
- Click the "Start Game" button on the welcome screen.
- Press and hold the space key to make the bird fly higher and avoid obstacles.
- Try to survive as long as possible and score points by avoiding obstacles.
- After losing all three lives, click the "Retry" button to play again.
The game uses Tailwind CSS for styling, which is loaded from a CDN for simplicity. The entire game logic is contained within the HTML file, making it easy to run without any additional setup.
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:
This web app creates a side-scrolling game called "Word Racer" with the following features:
- Use WASD keys to move the player (blue circle) around.
- Words appear randomly on the screen.
- When the player comes close to a word, it becomes active, and the input field is enabled.
- Type the word correctly to earn points. The faster you type, the more points you earn.
- The score is displayed in the top-right corner.
- The game has an infinite scrolling background created using SVG and CSS animations.
- The design is aesthetic and uses Tailwind CSS for styling.
To play the game, simply save this HTML content to a file with a .html extension and open it in a web browser. Use the WASD keys to move around and type the words that appear as quickly as possible to earn points.
