Free Online Chat Site
Our fully featured chat application supports real HTML elements and a wide range of CSS attributes. Making your posted messages to the chat extremely customisable. With this combination of HTML and CSS support along with a fully featured chat application, you will be able to learn HTML and basic web development as you chat and share with other users.
Generate a quick private chat instance and share it with your friends to start instantly, chatting, sharing videos, images and more.
Click one of the buttons below to open the main public chat room. The orange button will open the main chat room with shared images enabled. The green button will open the main chat room with shared images disabled.
About HTMLChat
Here at HTMLChat we offer an instant anonymous chat platform, just enter the chat and start chatting. You will not even be asked to enter a username, but of course you can set a username at any time. Registration therefore is obviously not required, however, for those looking for more features then we also offer an optional account registration.
Unlike most other chat application you may have seen before, here at HTMLChat, as the name suggests, we support the use of many real HTML elements along with many CSS attributes. These factors will allow you to stylize the messages that you post in ways that few chat applications have ever offered before.
Our chat has all of the usual chat functions that you would expect and much more. Such as;
- Sharing and playing videos with our in chat Video Player.
- Youtube video sharing and searching tools.
- Gif image sharing and searching tools.
- Uploading and sharing images.
- Recording and sharing audio messages.
- Sharing doodle drawings with our in chat Doodle Pad.
- Listening to radio stations with our in chat Mp3 player.
- Sharing webcam snapshots with added filters using our in chat Snapshot Tool.
Installing The Chat As A Progressive Web Application (PWA)
If you are a Chrome user on desktop or an android user on mobile. You will be able to install the chat as an application.
Chrome Desktop
While on the chat application you can click on the "Customize Google Chrome" button on the top right corner of Chrome (three vertical dots). This will open up the options menu. Within that menu you should see an option titled "Install HTML Enabled Chat" and by selecting that option Chrome will automatically install our chat app as a PWA.
To find all of your installed PWA apps in Chrome enter the following into your address bar:
URL Address
chrome://apps/
Android Mobile
When opening the chat page in android, you should automatically be asked if you would like to install our chat as an application. You can then accept or reject this popup request.
Changing Your Chat User Name
By default your initial chat username on joining for the first time will be set to "guest". We do not delay your chatting experience by asking you for a username beforehand, or force you to use a unique chat name, like many chat sites do.
If you would actually like to claim a unique username then you can do so by registering an account, as no one else will be able to use that name while also showing as a verified account holder.
One of the easiest way to change your username while in the chat is via the chat command. Simply type the command name=[YourUserName] and post it into the chat.
Changing your username within the chat browser or PWA. Simply enter a new name in the name text input field and press enter.
Setting a default username for your users through your iframe plugin or changing it in your browsers address URL parameters.
URL Parameter
name=John
Iframe Example
Changing Chat Rooms
There are no limits on the amount of rooms that can be used or created at HTMLChat and you do not have to be a member to create them. Any room can be dynamically created at any time by any user.
To change or create a room with the in-chat room command, all you have to do is type room=[RoomName] directly into the chat room you are currently in and the room will change/create.
Additionally you can also change rooms or create a new room by entering a new value to the room text input field and pressing enter.
Finally, if the room you want to enter is already on the active rooms list. Click the room on the list to enter it.
Setting a default chat room for your users through your iframe plugin or changing it in your browsers address URL parameters.
URL Parameter
room=FooBar
Iframe Example
Your Chat Theme
Whether you want to add the chat to your own website and match the appearance and feel of your site or use it independently to chat with friends and family, we have designed the chat with customisation and styling to your personal taste in mind.
There are several options to theming the chat. For the chat background you can set a background color or set a custom background image. If you are adding the chat to your website then you may want to set the background to be transparent.
Chat Settings Panel
Click on the gears icon button to open the settings panel.
Background Colour
Open the settings panel and then click on the "Background" button. This will open up a colour picker allowing you to select the background colour to be used.
Setting a background colour through your iframe plugin or your browsers address URL parameters.
URL Parameter
bg=darkblue
Iframe Example
Background Image
Setting a background image within the chat browser or PWA can be done by clicking the cogs/gears icon button to open the settings panel. Locate the background image input field and enter any image URL address to the image you would like to use as a background.
Alternatively you can click on the left and right chevron buttons to cycle through some of our preset image URLs.
Setting a background image through your iframe plugin or your browsers address URL parameters can be done as the examples below are shown.
URL Parameter
bg=https://i.imgur.com/pWQ95n3.jpg
Iframe Example
Foreground Colour
Click the cogs/gears icon button to open the settings panel and then click on the "Foreground" button. This will open up a colour picker allowing you to select the foreground colour to be used to theme your chat app.
Setting a foreground colour through your iframe plugin or your browsers address URL parameters can be done as the examples below are shown.
URL Parameter
fg=lime
Iframe Example
Our Snapshot Tool
Our chat application has a built in snapshot tool that allows for you to take quick snapshots from your web-camera and post them directly into the live chat in real time. Please Note: If you are adding a custom chat to your own website then to support the snapshot tool you will need to add the required allow attribute to the iframe code (eg:allow="camera").
The snapshot tool has features such as a Time Delay; Allowing for you to set a few seconds before the capture occurs, Webcam Filters; Allowing you to add various Webcam Filters and Effects to the live captured snapshot image data, a GreenScreening Chroma Filter; Allowing you to remove background pixels of any given colour you choose, a Media Type Selection; Allowing you to choose between capturing a static single JPG snapshot image or to capture a short WebM video clip, a Quality Option List; Allowing for those webcams that support higher dimensions to select their preferred resolutions and a Vertical and Horizontal Flip for mirroring or capturing upside down snapshots.
