Welcome to my blog, if there’s something I didn’t cover feel free to leave me a comment below and I will respond as soon as humanly possible. Topic of today’s article is an in-depth review of AppGyver Supersonic framework.
This is Part 7 in a multipart series called: “Best HTML5 Mobile App Frameworks”
What Is Supersonic?
Appgyver developers are calling this framework a game-changer. It’s an Ionic framework fork that tries to change the way you’re thinking about hybrid app performance. Supersonic’s declarative UI style makes building complex mobile apps an easy task. What’s more interesting, the seamless interplay of native UI and HTML5 results in almost native-like app look and feel.
Another great thing, you don’t need to use Cordova/Phonegap anymore. Instead, Supersonic gives you a slick set of APIs for interacting with the native capabilities of your mobile device. You can still use core Cordova APIs in combination with AngularJS directives. Access features like Facebook login and push notifications via AppGyver-maintained plugins – the whole native side is at your fingertips. Wrapping service is not limited to Supersonic, Ionic framework, Famo.us, and OnsenUI will work just as well.
Supersonic provides you with a great selection of CSS components (everything available to Ionic framework is also available here), though few components (Slide Menu, Tab Bar, Navigation Bar) are also available in native form. You can still style native components with CSS, and some of them are even available as special HTML elements.
What Supersonic is not?
Supersonic suffers from the same problem like jQuery Mobile and Ionic framework. If you’re not willing to heavily modify application UI, the final product will look like a clone of every other non-modified Ionic framework application..
If you like HTML5 markup based frameworks then this is not a framework for you.
Another big problem is black-boxing. Supersonic is useful only if used with Appgyver cloud services. You cannot build your apps outside of the cloud. Are you really ready to send your code to 3rd party company (service)? Many developers would shriek at the thought of that. It screams a security risk.
At the same time, you are locked with Appgyver services. What will happen if they update their user policies, or if they include paying services?
Supersonic is not a day by day fork of Ionic Framework though they’re catching pretty fast.
- Free (Open Source)
- Simple to Use
- One of the fastest mobile frameworks; framework uses Web Components that map your HTML to fully native interfaces
- iOS and Android support
- Built around AngularJS and Ionic framework UI fork.
- Theme Roller available through Ionic framework
- Appgyver application wrapper (if I understood we’re offered with PhoneGap Build for free)
- ngCordova is supported
- Usable for mobile only development
- Integrated Crosswalk support
- Support for different backend databases
- Native animations
- Great CLI support (Open Source)
This part is problematic. Supersonic heavily depends on its backend services so I can show you only UI, which is build around Ionic UI. Because Supersonic applications are not meant to be executed in desktop browsers I will show you an Ionic Framework example; you will at lease be able to see how it looks like.
Embede working example:
UI and visual impression
I already told you that Supersonic is built around Ionic framework UI. Ionic UI can stand on its own, but nothing prevents you from doing some enhancements of yours own. Even better, CSS customization is recommended if you don’t want for you application to look distinctively “iOS 7” like (which is Ionic UI default look and feel ). For even more power and flexibility, the core is written with SASS and includes easily customized variables and mixins. The CSS is stand-alone, making it independent of Angular.
While Ionic’s appearance is very “iOS 7”, it purpose was not to be a “pixel-perfect” replication of it, idea was not to have an application that looks like everyone else (which is probably jQuery Mobile biggest problem, I’m mentioning it because it is still mostly used mobile framework). UI is flat, without unnecessary shadows, rounded corners, or gradients. It is clean, simple and extremely fast. All animations are fully native driven, making them way better than current vanilla Ionic framework can support.
Look at this example:
All images © 2015 www.appgyver.com