MacOS – Run html+css+js application as a Mac OS X app

applicationsdesktopmacosweb app

I'm completely new to development for Mac OS X but I want to have a Mac desktop app for my own small project. What I have in my mind is to have web application (will use the same app running on the web) running in some kind of wrapper window and pack everything in .app file so it could be run just by clicking icon and will not run in a browser.

So in short – I have web application written in html+css+js and want to run in some kind of wrapper and make it look and act like desktop app. The best way to do that?

Do I need to write some kind of wrapper app in Objective-C which basically will have window and will use WebKit to load my files? Or maybe there is already a solution for it which could be used?

The best example I can find quickly of this is http://brackets.io/ where a web app is packaged to look like a compiled app and runs on my Mac.

Best Answer

You could also use Fluid to create a site-specific browser. SSBs often feel more like restricted versions of browsers than standalone applications though.

One example of a Fluid application is https://github.com/drdrang/drtwoot.