Skip to content
Browser code editor awesomeness
PHP JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Web based IDE for smart web development

Early version of the web based IDE which allows for creation of websites in the web browser. Uses the brilliant CodeMirror for code highlighting & editing, with a slick IDE wrapped around it to make the whole thing work.

Features you'd expect

  • Context aware code highlighting
  • Supports HTML, CSS, LESS, JavaScript, CoffeeScript, PHP & Ruby
  • Smart tab key system (selected text indents line)
  • File manager
  • Find & replace/replace all
  • Document tabs indicate current doc & changes made
  • Code folding
  • Open last files on load
  • Web based, access from anywhere
  • Free, open source & customisable

Cool features you wouldn't expect

  • Find & replace in current doc, open docs, files & filenames
  • Found match & current position counter
  • Indicates content type cursor is on
  • Account login to keep certain files secure
  • Restrict files, ban files and restrict by IP
  • Settings to change functionality & editor theme
  • Code Assist system
  • Displays nest position of text cursor, hover to select, click to set cursor
  • Nest structure OK/broken indicator
  • Highlight word and press CTRL+I to Google search that
  • Adds end tags as you type and in a context aware way
  • Can rename open files (whoaah!)
  • CTRL+Enter open current webpage in new tab
  • CTRL+S+Enter opens a sticky tab to show live edits
  • ESC = Comment/Uncomment line, incl partial lines
  • Image viewer
  • Colour preview block on CSS colours, ie red, #ff0000 or RGBA(255,0,0,0.5)
  • MySQL Database management via Adminer plugin
  • Backs up files every 10 mins or on click of backup plugin icon


Step 1: Clone the repo

$ git clone git@github:mattpass/ICEcoder

Step 2: Upload the files (Linux or Windows hosting OK)

Upload to a new sub-dir URL such as
Set public write permissions on the lib/config.php file

Step 3: Start coding

Visit the sub-dir URL in your browser and enter a password
Now you're setup, auto-logged in and ready to code!

Suitable for commercial & non-commercial projects, just let me know if it's useful to you and any cool customisations you make to it. I take no responsibility for anything, your usage is all down to you.

Is fully open source and I'd encourage you to take it, make it your own and customise to your hearts content! :)

Plenty of comments included in the code to assist with understanding, customising etc.

Comments, improvements & feedback welcomed!

Something went wrong with that request. Please try again.