HTML Designer

Rainbowfactory Ltd

About this app

Open a folder, start typing, and watch the page change beside the code. No account, no ads, no in-app purchases: install it and open your site.

HTML Designer puts your files, the code and the page itself side by side, and sends the site to your server when you are ready.


WRITE THE CODE
• Colouring for HTML, CSS, JavaScript, PHP, JSON and SVG, with matching brackets and tags highlighted
• Type an opening tag and the closing one appears; type a letter and the tags, attributes and CSS properties that fit are offered
• A breadcrumb under the code shows where the cursor is, from down to the element you are in
• One key per job on a line: comment it out, move it, duplicate it, change its case
• Find and replace in the file and across the whole project, plainly or with a pattern; "Undo Replace in Files" puts every file back in one step
• Tabs, one window per project, and the tabs you left open come back

SEE THE PAGE
• The preview keeps up as you type, side by side or stacked, and either half can be hidden
• Tap or click anything in the preview and "Inspect" jumps to the line that draws it
• "Edit Text" lets you change the words in the preview and writes the smallest change back into the code
• Pages are served from a real local address inside the app, so links, fonts and scripts behave as they will online; PHP pages are previewed on your own server
• Open the page in your browser, or print it

BUILD THE MARKUP
• A library of every HTML element, grouped and described, that writes the tag with its usual attributes
• Snippets you can keep, edit, import and export
• A table builder, a CSS panel that lists the rules the page really uses and lets you change a value, a DOM tree and an inspector
• Check the document as HTML or as XML, or with the online W3C validator, and click through the problems

PUBLISH
• FTP, FTPS and SFTP, with your server beside your files
• A badge on every file and folder: the same on both sides, newer here, newer there, or only on one side
• Upload and download files and whole folders, or send everything that changed with "Publish All"; drag files between the two trees
• Resume an interrupted transfer, follow its progress, and stop it if you change your mind
• Passwords stay on the device, encrypted with a key in the Android Keystore, never in a project file

AN ASSISTANT THAT KNOWS THE PROJECT
• Ask for markup, a style, a fix or an explanation, in the panel or in a palette
• It reads the project's files, so "make this table responsive" means this table
• Gemini Nano on the device where Android offers it; Claude or Gemini with your own key, straight to the provider; or, without a key, the built-in service, which passes your request to the provider through Rainbowfactory's server. Nothing is sent until you ask
• When it writes files for you, a copy of each file it replaces is put aside first, and one step undoes the lot
• Assistants on the device can use HTML Designer's commands through Android app functions, only if you switch it on

THE WORKSPACE
• Made for a Chromebook or a tablet with keyboard and mouse: a full menu bar, shortcuts and ten floating palettes that remember where you put them
• On a phone, the same workspace at a smaller size
• Open HTML, CSS, JavaScript, PHP, Markdown and SVG files straight from your file manager

HTML Designer is built by Rainbowfactory. Updates arrive through Google Play.

What’s new

HTML Designer arrives on Google Play.
• Write HTML, CSS, JavaScript and PHP with the page live beside the code
• "Inspect" and "Edit Text" take you from the preview straight to the code
• Element library, snippets, table builder, CSS panel and DOM tree
• Find and replace across the whole project, with one step to undo
• Publish over FTP, FTPS and SFTP
• An AI assistant that reads your project
• Made for Chromebooks and tablets, and ready on phones too