Chat GPT-3 OpenAI HTML 5




Chat GPT-3 OpenAI HTML 5 Version

See it working:

Chat GPT-3 OpenAI HTML 5 - 1

This is a model made in HTML 5.

Among the capabilities of this template are the creation of intelligent neural responses, continuation of dialogues, code generation, response to texts, and much more.

In the template, you can communicate with ten intelligent animals, each of which has been trained by AI to understand a specific subject. Additionally, you can create your own intelligent animal by customizing it to understand a specific subject by modifying a JSON file.

Chat GPT-3 OpenAI HTML 5 - 2
Chat GPT-3 OpenAI HTML 5 - 3
Chat GPT-3 OpenAI HTML 5 - 4
Chat GPT-3 OpenAI HTML 5 - 5
Chat GPT-3 OpenAI HTML 5 - 6

  • Customize Easy
  • Clear Documentation
  • Responsive (mobile compatible)
  • Including html, css and javascript files
  • Add, delete and modify new animals by json file
  • Assets PSD not included.

What you Get

  • Documentation
  • Html, css, PHP and javascript files


  • You can test on a local server or you can host the html files on your preferred hosting.
  • No database is used.
  • The chat model used is InstructGPT.
  • Not available in the Fine-tuning models template
  • Current model: GPT 3.5 Turbo or text-davinci-003
  • This is not a SaaS product.


  • It is necessary that you have a GPT chat API key, which can be obtained in openai website.
  • It is recommended to use a version of PHP between 7.4.9 and 8.2.1.
  • Your website must have active SSL

Chat GPT-3 OpenAI HTML 5 - 7

Chat GPT-3 OpenAI HTML 5 - 8

Chat GPT-3 OpenAI HTML 5 - 9


- Individual chats with animals can now be opened through a URL (Chatting directly with the animal without the need to select from the list).
- A possibility to add a privacy policy text in the site's footer (Displayed in a modal).
- Pre-configuration in the app.js file to receive a future update for the GPT4 chat. Please note that GPT4 will only be made available once it is out of beta.
- It is now possible to individually set the "Chat GPT Turbo or Text davinci 03" model for each animal.
- Added 11 new intelligent animals.
- Added button to copy text from chat.
- Added button to cancel message sending.
- Added text stream feature. This functionality is not compatible with all servers, being supported only on servers that do not have cache, buffer or GZIP compression installed.
- Download chat history.
- Clear chat history
- Save chat history when refreshing the page.
- Shuffle characters
- Added +2 characters
- GPT 3.5 Turbo: The project now includes the GPT 3.5 Turbo model, the same one used in the original gpt chat. This model is 10x cheaper than text-davinci3.
- API DALL•E 2: You can now generate images directly in the chat using the /img command [type something to generate].
- Updated project structure: Characters, settings, and languages are now in separate files.
- HTML Injection: A treatment has been implemented to prevent HTML code injection.
- Improved design of download and chat clearing buttons.
- Message send date and time are now displayed.
- Toasty and sweet alert libraries added for alert features.
- Fixed inappropriate word filter: Filtering is now done when sending the message.
- Temperature and penalty can be set individually for each character.
- Documentation has been rewritten with more details.
- Enhanced security: The option to use the API key on the front-end has been removed. Now, the key can only be executed on the server through a PHP file to ensure data security.
- The options "chat_minlength", "chat_maxlength", and "max_num_chats_api" will be managed individually by each character in the character.json file
- New AI character Chroma
- At the request of some clients, we have made the old chat version available.

How the API works

The template is directly linked to the Chat GPT-3 API. Each request made to the API by the chat consumes tokens, also called credits. The number of tokens and credits consumed varies depending on the size and type of the request, as well as the GPT-3 model used.

Users can purchase additional tokens and credits as needed and monitor usage through their OpenAI account platform at

The cost of tokens and credits varies depending on the size of the question or answer processed by the API. If all tokens and credits are consumed, the user will not be able to make any more API requests until more are purchased.

Users can check the price of each token and model via the following link:


Is the product built on WordPress?

No, our product is developed entirely using HTML5, CSS3, PHP (for the API), and JavaScript. However, it can be integrated into a WordPress page if necessary.

Is this a SAAS product?

No, our goal with this product is to provide an HTML5 widget with integration to the Chat GPT API. The product does not have an administrative system, our goal is to make it easy for the user to purchase our template and easily implement our model into their systems according to their needs. We have plans to launch a SAAS model in the future with a CMS panel.

Do I need an OpenAI key to use the product?

Yes, it is mandatory to have an OpenAI key to use the model.

How is AI updated?
AI updates are made through a JSON file. It is possible to add, delete, or remove new AIs and also train them with custom prompts.

Why isn’t my text streaming function working?

In order for the streaming function to work correctly, it’s important that the server doesn’t have gzip enabled or other extensions that compress cache on the browser’s output buffer. Otherwise, the text will be displayed all at once instead of being displayed in chunks, which is the standard behavior of the text streaming function.
It’s worth noting that this streaming function is 100% optional, and the product will work normally without it.

We can recommend a server that is 100% compatible with this function. If you have any questions, please feel free to contact us. Thank you.

Chat GPT-3 OpenAI HTML 5 - 10
Chat GPT-3 OpenAI HTML 5 - 11



There are no reviews yet.

Be the first to review “Chat GPT-3 OpenAI HTML 5”

Your email address will not be published. Required fields are marked *