Sing App - HTML5, Angular 5, React and Vue Admin Dashboard

Now including lite Vue JS, full Isomorphic React JS (with Node.js Backend) and Angular 5.0 Final Release versions!

Sing App Vue Preview

Sing Preview

Available in nine versions: html5/bootstrap4, Angular 5.0, Angular 1.0, React JS with Node.js backend, basic html5/bootstrap3 plus AngularJS seed, Angular seed, ReactJS seed and Rails seed versions!

Sing Github

Sing Web App is a brand new admin dashboard template with pixel perfect stylish design and tons of ready-to-use programming features. Sing App goes beyond normal admin templates and provides you entire intuitive programming framework which boosts the speed, quality and maintenance of your web application. Moreover, Sing App is build by professional Javascript engineers using latest industry best-practices and trusted approaches.

Sing Preview

We plan to release continuous long term updates and lots of new features will be coming soon in the future releases. Once you purchased Sing App, you will be entitled to free download of all future updates.

Integration

Thinking about integrating Sing App into existing project or tying up with REST API? We did TONS of such integrations. Send us the details of your project and learn how we can help - <https://flatlogic.com/>

Feedback

Let's make Sing App better together! If you notice any bugs or you want some features to be implemented let us know and join our GitHub community! Email us at [email protected] or tweet to Flatlogic. We will do our best to help you.

Todo list

  • .NET version
  • VueJS Version
  • More pages: Projects, Contacts, Issue Tracker

Feature list

  • Angular 5.0 Final version
  • Isomorphic React JS version with Server Side Rendering and Node.js Backend
  • AngularJS version
  • Hundreds of unique pages
  • Unique to admin templates stylish and unobtrusive design
  • Revolutionary hover sidebar that shows up only when you need it
  • Bootstrap 4 support
  • Rails version
  • Mobile-first dashboard with built-in touch gestures. Check out on your iPad!
  • Perfectly organized codebase using latest and trusted industry best-practices
  • Super fast ajax page loading. No need to reload all scripts and styles anymore
  • Ready-to-use Inbox Application. You just need to code backend
  • NPM package manager so you can easily handle all your packages
  • Two sidebar states: revolutionary hover sidebar and usual static one
  • Right sidebar chat layout. Stay in touch with your contacts
  • Fully commented codebase. No chance to misunderstood something
  • Flexible but rich Sing Framework that help you boost the development process
  • Lots of built-in code features (like screen checkers Sing.isScreen('md'))
  • Cross browser compatible and W3C valid HTML5 markup
  • Powerful Widgster plugin that helps to control widgets with data-* attributes
  • Sass css pre-proccessor makes Sing styling compact and modular
  • Invoice page with print optimized layout
  • and of course, Fully responsive layout - from small mobile to huge desktops

Documentation

Sing App includes an extensive documentation covering most of hard-to-grasp features.

Support

Please note that support is provided via email as mentioned in the documentation page.

Changelog

Version 4.3.0

  • Implement Vue JS version of SING
  • Small ui updates for react version

Version 4.2.3

  • Update design for react version
  • Add theme helper
  • Add new 'Analytics' dashboard

Version 4.2.2

  • Hot fix: typescript issues with ng2-select2 and ng2-datetime

Version 4.2.1

  • Update design of html-bs4 version
  • Add new UI-Components to html-bs4 version
  • Update nvd3 and Rickshaw libraries
  • Add charts examples fpr D3 version 5
  • Add new examples for each chart library on html-bs4 version
  • Fix sidebar height calculations
  • Move html pages into handlebars partials

Version 4.2.0

  • Add Angular Cli to Angular version
  • Integrate flaticons
  • Add NEW rails-seed version
  • Fix swipes on html-bs4 mobile version

Version 4.1.0

  • add E-commerce pages (product grid, product detail)
  • update bootstrap to 4 release version on "html-bs4" app
  • add markdown on "react" version
  • add content footer

Version 4.0.1

  • Revert styling changes until theme support is ready

Version 4.0.0

  • React JS Full Version
  • Update styling

Version 3.9.0

  • Update Angular to 5.0.3 version
  • Update Bootstrap to 4 Beta.3 version

Version 3.8.0

  • Update Angular to 4.4.4 version
  • Update Bootstrap to 4 Beta version

Version 3.7.0

  • New Sing React Seed version
  • Update Angular to 4.2.4 version
  • Update webpack to 3.0.0 version
  • Update all dependencies and devDependencies
  • Update webpack configs
  • Fix AoT build

Version 3.6.0

  • Update Angular to 4.0 version on full and seed projects
  • Charts bug fixes

Version 3.5.0

  • Update Bootstrap to 4.0.0-alpha.6 version
  • Bootstrap migration bugfixes
  • Add angular preload strategy to fix first long time app loading
  • Add pages loader

Version 3.4.0

  • Update Angular 2 to 2.4.1 version on full and seed projects
  • Update ng2 libs
  • Update bootstrap to 4.0.0-beta.5
  • Update webpack libs and config files
  • Change routing config
  • Use angular2-text-mask instead of jasny bootstrap inputmask
  • Use ng2-bootstrap modal instead of ng2-modal

Version 3.3.0

  • Update Angular 2 to Final Release on full version
  • Update ng2 libs

Run npm update to update npm packages. Then follow instructions in angular2/README.md

Version 3.2.0

  • Update Angular 2 to Final Release version on seed project
  • Update ng2 libs

Run npm update to update npm packages. Then follow instructions in angular2-final-seed/README.md

Version 3.1.1

  • Update Angular 2 to rc4 version on full and seed projects
  • Update ng2 libs
  • Use 3.0.0-beta.2 angular-router

Run npm update to update npm packages

Version 3.1.0

  • Update Angular 2 to rc1 version on full and seed projects
  • Update ng2 libs

Version 3.0.1

  • npm install fix for unix systems

Version 3.0.0

  • Completely new Angular 2.0 Full Version

To install Angular 2.0 Full Version follow instructions in documentation

Version 2.1.0-plus

  • Completely new Angular 2.0 Seed Version

Version 2.1.0-plus upgrade instructionss

angular2-seed version. Follow instructions in angular2-seed/README.md

Version 2.1.0

  • Update Bootstrap to 4.0.0-alpha2 version (ajax-bootstrap4 version)
  • Update Awesome-bootstrap-checkbox to 1.0.0-alpha.2 version (ajax-bootstrap4 version)
  • Use Tether lib for support tooltips and popovers in Bootstrap 4 (ajax-bootstrap4 version)
  • Use Glyphicons-halflings lib for glyphicons support (ajax-bootstrap4 version)

Version 2.1.0 upgrade instructions

Ajax-bootstrap4 version. Following files are changed:

  • sass/select2-bootstrap-css-override.scss (new)
  • js/ui-tabs-accordion.js (new)
  • js/bootstrap-fix/collapse.js (new)
  • js/bootstrap-fix/button.js (new)
  • bower.json

Run npm update to update npm packages

Version 2.0.2

  • fix gulp build task (Angular version)

Angular version. Following files are changed:

  • gulp/build.js
  • bower.json

2.0.2 upgrade introduces no new features, so no special steps needed.

Version 2.0.1

  • npm install fix (node-sass)
  • Use node-sass instead of compass for ajax version
  • npm libraries update

Version 2.0.1 upgrade instructions

Ajax version. Following files are changed:

  • package.json (new)
  • gulpfile.js (new)

To watch for scss changes now you need to run:

  1. npm install -g gulp bower
  2. npm install
  3. bower install
  4. gulp watch

Angular version. Following files are changed:

  • package.json

Run npm update to update npm packages (including broken node-sass)

Version 2.0.0

  • Component structure upgrade for angular version (better project organization)
  • Profile page added
  • Angular seed version (minimal setup)
  • Angular chat App
  • Full library list update
  • Bootstrap 3.3.5 update

Version 2.0.0 upgrade instructions

Ajax version. Following files are changed:

  • bower.json
  • profile.html (new)
  • sass/_base.scss
  • sass/_widgets.scss
  • sass/_custom-libs-override.scss

Angular version. The entire application structure has been rewritten according to latest angular/front-end best practices. Codebase is now organized in a modules structure (see src/app/modules/ folder). To start the app you need to run following commands:

  1. npm install -g gulp bower
  2. npm install
  3. bower install
  4. gulp serve
  5. Go to <http://localhost:3000/>

That's it. It will launch a local web server and serve the app from project folder.

Version 1.2.0

  • Bootstrap 3.3.4 update

Version 1.2.0 upgrade instructions

1.2.0 upgrade introduces no new features, so no special steps needed.

Version 1.1.1

  • Angular Datatables fix (Angular version)

Version 1.1.1 upgrade instructions

Following files are changed:

  • angular/js/ng/app.js
  • angular/index.html

Version 1.1.0

  • Bootstrap 3.3 update
  • Angular 1.3.8 update
  • Font awesome 4.3.0

Version 1.1.0 upgrade instructions

1.1.0 upgrade introduces no new features. It just updates libraries to their newest versions (March 2015), so it requires no additional steps when updating. You may simply replace main templates files: bower.json, application.scss and javascripts.

More by okendoken

  •  
  •  
  •  

Sign in or sign up to make a purchase

$110
3732Purchases

Licenses: Details »

Multiple applications $110
Version:4.3.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
Browsers:
  • IE 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Category:
Topic: Internet & Web
Labels: angular, angularjs, backend, bootstrap4, html5, node, react, sass, seed, vue
Item#:WB0J6BJ85
Released:3 years ago
Updated:2 months ago
Sold exclusively on WrapBootstrap
okendoken

okendoken

Signed up 5 years ago

Need a front-end template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation