angular4 | Bootstrap4

elastic ui – Angular 4 Material Design + Redux/ngrx Admin Template

admin — Fri, 13 Oct 2017 07:49:08 +0000

elastic ui is a creative material design admin template built with Angular 4 and the Angular-CLI. It extends the Material Design components built by the Angular 4 team and it offers you everything you need to get started with your next CRM, CMS or dashboard based project.

Angular / AngularJS2 / Angular 2 / Angular 4 is the perfect framework for building large enterprise applications and allows for a modular component setup. Components can be added and removed by simply removing the corresponding folder, as everything added is always component-specific and modular.

We built elastic ui to be as much and as easy as possible to customize. Navigation Menu Items can be added dynamically from anywhere, every single page has it’s own module and the complete template is therefore 100% modular and new pages can easily be added by just generating a component with the awesome Angular-CLI. Adding to this we use Flex-Layout by the Angular team to provide a flexible and fast way for layouts.

Features

Blazing fast and light weight!
Clean and smooth design
Material Design with Angular Material 2
Latest Angular version
Global SCSS and per component specific SCSS (modular!)
300+ Material Icons by Google
Simple yet completely customizable Charts with Chart.js
Snack Bar Notifications
Dialogs (Modals) in Material Design
Completely customizable widgets to use in your dashboard!
Advanced Google Maps integration
Built with Angular-CLI to easily generate components
Angular Flex-Layout – fast & flexible Flexbox layout library
Nested Routing
Create your own theme in seconds with the Material2 Theme API, just pick your colors and the template does the rest.
Completely Modular! Every single page has it’s own module.

Documentation

For further instructions and a list of the used libraries and fonts you can always refer to our documentation or contact us.

Support is available through email, ThemeForest comments or chat. If you purchased the theme and love it, consider giving it a 5-star rating here on ThemeForest. It really helps pushing out more updates and adding more great features.

If you have any question or problem feel free to send us a message and we’ll be glad to help you!

Credits and Assets

Angular Material 2 – Awesome library for Material Components and core component in our theme.
Google Material Icons – Simply the best Material Icons out there.
RxJS – Angular 4 Dependency – A new approach to how data can be handled in Observables.
HighlightJS – Simple Syntax highlighting. Our theme includes a directive to apply the highlighting quickly to blocks.


Normalize.css – Convenient reset of browser-specific styles to industry-standard styling.
ChartJS – Awesome charts library simple & advanced config
Smooth Scrollbar – Simple and perfect scrollbar, working cross-browser.
Lodash – “A modern JavaScript utility library delivering modularity, performance & extras.”
Roboto Font – Google’s official Material Design Typography font.
Google Maps for Angular – Maps library, useful for anything!


All Avatars used are from Adorable Avatars licensed MIT and can therefore be also used in your application and are included in the download.

Backgrounds used are from Unsplash. Marked as “Free to use in commercial projects”.
All other assets shown in the demo are included in the download. All external libraries are loaded with npm. All it takes to get up and running with our theme is NodeJS, which is quickly installed and well documented. NodeJS automates the whole process of loading external libraries and allows for an easy headstart.
--- `1.0.1` (13.09.17) ---
--Fixes:
- Updated @angular/material to beta.10 and adapted all changes
- Updated @angular/cli to latest stable version
- Fixed various bugs related to building

--- `1.0.0` ---
Initial release
The post elastic ui – Angular 4 Material Design + Redux/ngrx Admin Template first appeared on Bootstrap4.



Angular 4 Bootstrap 4 Admin Template
admin — Fri, 13 Oct 2017 07:45:31 +0000
We also include Silk Seed Project Check it out
Silk is an Angular 4 admin template that uses Bootstrap 4. it also has lots of unique and beautifully designed page designs. Silk provide you Language translation, light/dark colour schemes and lots of other reusable UI elements and widgets.
We used Bootstrap 4 framework which provide a number of UI components. This template comes with lots of popular UI components with a very specific color scheme ,in addition it is based on a modern Angular 4 framework and has a flexible component and css based structure.
Features:

 Angular 4
Bootstrap 4
Fully responsive
Easy to customize
Language translation
Color Picker
 Date Picker
 ngx chart
ng2 chart
Google Map
Weather Widget

Let’s tour to SILK
Home (Dashboard)
To make your process easier, we have put together a list of useful widgets and resources for you to choose from. We placed popular widgets and charts on dashboards that are common for every admin. You can also add any custom and theme component to dashboard. Admin needs some real world data and If you know of other tools that may help you, please notice that in theme comment box.
Email and Chat
A Ready to use email and chat element that use to manages your email and masseges.
Components and Bootstrap UI

Color Picker
Cropper
Dragula
Sortable
Resizable
Accordion
Alerts
Buttons
Carousel
Collapse
Datepicker
Modal
Pagination
Popover
Progress Bar
Rating System
Tabs
Timepicker
Typehead

Icons
Provide tons of icon like:

Linea
Font Awesome
Simple Line Icons
Material Icons

Card
Provide all boostrap cards.

Basics
Advanced

Forms and Tables
We provide forms validation,controls,upload, tree structure,Basic ,responsive and data tables.

Charts and Maps

Bar Charts
Pie Charts
Line Charts
ngx Charts
Google Maps and leaflet maps

Pages

About us
Pricing
Contact us
Timeline
User list and detail

Authentication and error pages

Login
Register
404
503

Media

Grid and list page

Editor

Ace editor
Ck editor
Wysiwyg editor

Changelog
October 10,17
-Feature Added-
Horizontal Menu
September 12,17
-Feature Added-
Tour plugin and Theme Color options 
September 03, 17
Fixed - Chart Issue and Tablet Issues

Aug 29, 17
-Feature Added-
widgster Plugin added


The post Angular 4 Bootstrap 4 Admin Template first appeared on Bootstrap4.


Flat Able – Angular 4 Admin Template
admin — Tue, 10 Oct 2017 15:39:49 +0000


























Flat Able is Angular 4 Version of Flat Able Bootstrap 4 Admin Template. It is pure typescript version and its quite fast & flexible.
Detailed Features

Dashboard

Default
Ecommerce
CRM
Analytics
Project


Page Layouts

Vertical

Static layout
Header fixed
Compact
Sidebar fixed


Horizontal

Static layout
Header fixed
Static with icon
Fixed with icon


Bottom menu
Box layout
RTL


Navigation

Navbar
Navbar inverse
Navbar with elements


Widget
Basic Components

Alert
Breadcrumbs
Button
Box-shadow
Accordion
Generic class
Tabs
Color
Lable Badge
Progress bar
Pre-loader
List
Tooltip and popover
Typography
Other


Advance components

Drggable
Grid stack
Light box
Modal
Modal form
Notifications
PNOTIFY
Rating
Range slider
Slider
Syntax-Highlighter
Tour
Tree view
Nestable
Toolbar
X-editable


Extra components

Session timeout
Session idle timeout
Offline


Animations
Sticky notes
Icons

Font awesome
Themify
Simple line icon
Ion icon
Material design
Ico fonts
Weather icon
Typicons
Flags


Form components

Form components
Form elements addons
Form elements advance
Form validation


Form Picker
Json Form

Simple form
Clubs
Customer form
Profile display
Profile edit
Profile ready only
Form fields
Registration validation
Automatic validation
Localized login


Form select
Form masking
Form wizard
Ready to use

Cloned elements form
Currency form
Booking form
Booking multi steps form
Comment form
Contact form
Job application form
Js addtion form
Login form
Popup modal form
Registration form
Review form
Subscrive form
Suggestion form
Tabs form


Bootstrap table

Basic table
Sizing table
Border table
Styling table


Datatable

Basic initialization
Advance initialization
Styling
API
Ajax
Server side
Plug-in
Data sources


Data table extensions

Autofill
Button

Basic button
Flash button
HTML 5 data export
Print button


Col reorder
Fixed columns
Fixed header
Key table
Responsive
Row recorder
Scroller
Select table


Footable
Handson table

Appearance
Data operation
Rows columns
Columns only
Cell features
Cell types
Integrations
Rows only
Utilities


Editable Table
Charts

Google chart
Echarts
Chartjs
List chart
Float chart
Know chart
Morris chart
Nvd3 chart
Peity chart
Radial chart
Rickshaw chart
Sparkline chart
C3 chart


Maps

Google maps
Vector maps
Google map search API
Location


Landing Page
Authentication

Login with BG
Login with social icon
Login social with Header and footer
Registration BG image
Registration social icon
Registration with Header and footer
Multi step registration
Forgot password
Lockscreen
Modal login – Registration – Forgot password


Maintenance

Error
Comming soon
Offline UI


User Profile

Timeline
Timeline social
User profile
User card


Blog

Blog
Blog Detail
Blog with left sidebar
Blog with right sidebar


E-commerce

Product
Product list
Product edit
Product detail
Product card
Credit card form


Email

Compose email
Inbox
Read mail
Email templates


Chat
CRM Contact
Social

FB wall
Messages


Task

Task list
Task board
Task detail
Issue list


To-DO

To-do
Notes


Gallery

Gallery-Grid
Masonry Gallery
Advance Gallery


Search

Simple search
Grouping search


Job search

Card view
Job detailed
Job find
Job panel view


Editor

CK-Editor
WYSIWYG Editor
Ace editor
Summer note editor
Long press editor


Invoice

Invoice
Invoice Summary
Invoice list


Event calendar

Full calendar
CLNDER


Image cropper
File upload
Internationalize

After Init
Fallback
On init
Resource
XHR backend


Change logs
Menu levels
The post Flat Able – Angular 4 Admin Template first appeared on Bootstrap4.