Create a new app from a single HTML file

• Compatible apps
• Hosting the app

Compatible apps

You can checkout the "App Generation Guide" for best practices and tips on generating web apps via AI that you can host on htmlsync.io.

Below are the main requirements for your web app:

• Must be a self-contained single-file HTML application, meaning all CSS/JS is inline.
• Must use localStorage for saving data to get automatic data synchronization.
• You can use any external CSS or JS libraries you want, as long as they are hosted on a CDN, but the code using localStorage must be inline.

Hosting the app

1. Create an account, verify your email and then login. The username you choose is important, as it will be part of the sub-domains provided for your apps.

   
   

   

   
   

2. Go to "Apps" and click "New App".

   
   

   

   
   

3. Once you click the button you will get the page below. Here you can create a new app.

   
   

   

   
   

   1. Name: The name of your app. This will be a type of identifier for your app, so you can easily find it in the Dashboard, Profile and in the "App Drawer".
   2. Domain: The slug of the app is auto generated from the name of the app, but you can set it to anything you want. Make it something you can easily remember, in case you want to directly access your app via subdomain in the browser.
   3. Status: Whether this app is private-only, or also has a public component. Checkout the App Status page for more info.
   4. HTML File: This is where you add your HTML file. You can either upload the file, or click the toggle to get a simple code-editor where you can copy paste your code.

   Click the "Create" button and you'll get your web app instantly.

4. Use the "Open" button or access your web app under [app_slug]-[username].htmlsync.io to see your app with localStorage data synchronization.

   
   

   

   
   

5. Enjoy!