File Structure

Now UI Dashboard is a premium Bootstrap 4 Admin Template.

Now UI Dashboard Structure

Once you have downloaded the archive and opened it, you will find the following structure:


├── app
│   ├── Console
│   │   ├── comments
│   │   │   └── DeleteOldUsers.php
│   │   └── Kernel.php
│   ├── Exceptions
│   │   └── Handler.php
│   ├── Http
│   │   ├── Controllers
│   │   │   ├── Auth
│   │   │   │   ├── ForgotPasswordController.php
│   │   │   │   ├── LoginController.php
│   │   │   │   ├── RegisterController.php
│   │   │   │   ├── ResetPasswordController.php
│   │   │   │   └── VerificationController.php
│   │   │   ├── Controller.php
│   │   │   ├── HomeController.php
│   │   │   ├── PageController.php
│   │   │   ├── ProfileController.php
│   │   │   └── UserController.php
│   │   ├── Kernel.php
│   │   ├── Middleware
│   │   │   ├── Authenticate.php
│   │   │   ├── CheckForMaintenanceMode.php
│   │   │   ├── EncryptCookies.php
│   │   │   ├── RedirectIfAuthenticated.php
│   │   │   ├── TrimStrings.php
│   │   │   ├── TrustProxies.php
│   │   │   └── VerifyCsrfToken.php
│   │   └── Requests
│   │       ├── CategoryRequest.php
│   │       ├── ItemRequest.php
│   │       ├── PasswordRequest.php
│   │       ├── ProfileRequest.php
│   │       ├── TagRequest.php
│   │       └── UserRequest.php
│   ├── Observers
│   │   └── UserObserver.php
│   ├── Policies
│   │   └── UserPolicy.php
│   ├── Providers
│   │   ├── AppServiceProvider.php
│   │   ├── AuthServiceProvider.php
│   │   ├── BroadcastServiceProvider.php
│   │   ├── EventServiceProvider.php
│   │   └── RouteServiceProvider.php
│   ├── Rules
│   │   └── CurrentPasswordCheckRule.php
│   └── User.php
├── artisan
├── bootstrap
│   ├── app.php
│   └── cache
│       ├── .gitignore
│       ├── packages.php
│       └── services.php
├── composer.json
├── composer.lock
├── config
│   ├── app.php
│   ├── auth.php
│   ├── broadcasting.php
│   ├── cache.php
│   ├── database.php
│   ├── filesystems.php
│   ├── hashing.php
│   ├── logging.php
│   ├── mail.php
│   ├── queue.php
│   ├── services.php
│   ├── session.php
│   └── view.php
├── database
│   ├── factories
│   │   └── UserFactory.php
│   ├── .gitignore
│   ├── migrations
│   │   ├── 2014_10_12_100000_create_password_resets_table.php
│   │   └── 2019_01_15_110000_create_users_table.php
│   └── seeds
│       ├── DatabaseSeeder.php
│       └── UsersTableSeeder.php
├── .editorconfig
├── .env
├── .env.example
├── .gitattributes
├── .gitignore
├── package.json
├── phpunit.xml
├── public
│   ├── assets
│   │   ├── css
│   │   │   ├── bootstrap.min.css
│   │   │   ├── bootstrap.min.css.map
│   │   │   ├── now-ui-dashboard.css
│   │   │   ├── now-ui-dashboard.css.map
│   │   │   └── now-ui-dashboard.min.css
│   │   ├── demo
│   │   │   ├── demo.css
│   │   │   └── demo.js
│   │   ├── fonts
│   │   │   ├── nucleo-license.md
│   │   │   ├── nucleo-outline.eot
│   │   │   ├── nucleo-outline.ttf
│   │   │   ├── nucleo-outline.woff
│   │   │   └── nucleo-outline.woff2
│   │   ├── img
│   │   │   ├── apple-icon.png
│   │   │   ├── bg14.jpg
│   │   │   ├── bg16.jpg
│   │   │   ├── bg5.jpg
│   │   │   ├── default-avatar.png
│   │   │   ├── favicon.png
│   │   │   ├── header.jpg
│   │   │   ├── mike.jpg
│   │   │   ├── now-logo.png
│   │   │   └── now-ui-dashboard.gif
│   │   ├── js
│   │   │   ├── core
│   │   │   │   ├── bootstrap.min.js
│   │   │   │   ├── jquery.min.js
│   │   │   │   └── popper.min.js
│   │   │   ├── now-ui-dashboard.js
│   │   │   ├── now-ui-dashboard.js.map
│   │   │   ├── now-ui-dashboard.min.js
│   │   │   └── plugins
│   │   │       ├── bootstrap-notify.js
│   │   │       ├── chartjs.min.js
│   │   │       └── perfect-scrollbar.jquery.min.js
│   │   └── scss
│   │       ├── now-ui-dashboard
│   │       │   ├── _alerts.scss
│   │       │   ├── _buttons.scss
│   │       │   ├── cards
│   │       │   │   ├── _card-chart.scss
│   │       │   │   ├── _card-map.scss
│   │       │   │   ├── _card-plain.scss
│   │       │   │   └── _card-user.scss
│   │       │   ├── _cards.scss
│   │       │   ├── _checkboxes-radio.scss
│   │       │   ├── _dropdown.scss
│   │       │   ├── _fixed-plugin.scss
│   │       │   ├── _footers.scss
│   │       │   ├── _images.scss
│   │       │   ├── _inputs.scss
│   │       │   ├── _misc.scss
│   │       │   ├── mixins
│   │       │   │   ├── _buttons.scss
│   │       │   │   ├── _cards.scss
│   │       │   │   ├── _dropdown.scss
│   │       │   │   ├── _inputs.scss
│   │       │   │   ├── _page-header.scss
│   │       │   │   ├── _sidebar.scss
│   │       │   │   ├── _transparency.scss
│   │       │   │   └── _vendor-prefixes.scss
│   │       │   ├── _mixins.scss
│   │       │   ├── _navbar.scss
│   │       │   ├── _nucleo-outline.scss
│   │       │   ├── _page-header.scss
│   │       │   ├── plugins
│   │       │   │   ├── _plugin-animate-bootstrap-notify.scss
│   │       │   │   └── _plugin-perfect-scrollbar.scss
│   │       │   ├── _responsive.scss
│   │       │   ├── _sidebar-and-main-panel.scss
│   │       │   ├── _tables.scss
│   │       │   ├── _typography.scss
│   │       │   └── _variables.scss
│   │       └── now-ui-dashboard.scss
│   ├── docs
│   │   └── documentation.html
│   ├── favicon.ico
│   ├── .htaccess
│   ├── index.php
│   └── robots.txt
├── resources
│   ├── js
│   │   ├── app.js
│   │   ├── bootstrap.js
│   │   └── components
│   │       └── ExampleComponent.vue
│   ├── lang
│   │   └── en
│   │       ├── auth.php
│   │       ├── pagination.php
│   │       ├── passwords.php
│   │       └── validation.php
│   ├── sass
│   │   ├── app.scss
│   │   └── _variables.scss
│   └── views
│       ├── alerts
│       │   ├── errors.blade.php
│       │   ├── error_self_update.blade.php
│       │   ├── feedback.blade.php
│       │   ├── migrations_check.blade.php
│       │   └── success.blade.php
│       ├── auth
│       │   ├── login.blade.php
│       │   ├── passwords
│       │   │   ├── email.blade.php
│       │   │   └── reset.blade.php
│       │   ├── register.blade.php
│       │   └── verify.blade.php
│       ├── home.blade.php
│       ├── layouts
│       │   ├── app.blade.php
│       │   ├── footer.blade.php
│       │   ├── navbars
│       │   │   ├── navs
│       │   │   │   ├── auth.blade.php
│       │   │   │   └── guest.blade.php
│       │   │   └── sidebar.blade.php
│       │   └── page_template
│       │       ├── auth.blade.php
│       │       └── guest.blade.php
│       ├── pages
│       │   ├── icons.blade.php
│       │   ├── maps.blade.php
│       │   ├── notifications.blade.php
│       │   ├── table.blade.php
│       │   ├── typography.blade.php
│       │   └── upgrade.blade.php
│       ├── profile
│       │   └── edit.blade.php
│       ├── users
│       │   └── index.blade.php
│       └── welcome.blade.php
├── routes
│   ├── api.php
│   ├── channels.php
│   ├── console.php
│   └── web.php
├── server.php
├── storage
│   ├── app
│   │   ├── .gitignore
│   │   └── public
│   │       ├── .gitignore
│   │       └── profile
│   ├── framework
│   │   ├── cache
│   │   │   ├── data
│   │   │   │   ├── 58
│   │   │   │   │   └── d5
│   │   │   │   ├── ce
│   │   │   │   │   └── 36
│   │   │   │   └── .gitignore
│   │   │   └── .gitignore
│   │   ├── .gitignore
│   │   ├── sessions
│   │   │   ├── .gitignore
│   │   ├── testing
│   │   │   └── .gitignore
│   │   └── views
│   └── logs
├── .styleci.yml
├── tests
│   ├── CreatesApplication.php
│   ├── Feature
│   │   └── ExampleTest.php
│   ├── TestCase.php
│   └── Unit
│       └── ExampleTest.php
├── .vscode
│   └── settings.json
├── webpack.mix.js
└── yarn.lock
                    

Restyled Components

Here is the list of Bootstrap 4 components that were restyled in Now UI Dashboard:

  • Buttons
  • Cards
  • Inputs
  • Select
  • Textarea
  • Menu
  • Dropdown
  • Progress Bars
  • Navigation Menu
  • Pagination
  • Labels
  • Notifications
  • Typography
  • Images
  • Tables
  • Tooltips
  • Popovers
  • Modal

New Components

Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:

  • Charts
  • Checkboxes
  • Footers
  • Google Maps
  • jVector Maps
  • jQuery Maps
  • Bootstrap Tables
  • DataTables.net
  • Maps
  • Panels
  • Radio Buttons
  • Sliders
  • Sweet Alert
  • Sidebar
  • Tags
  • Wizard
  • Toggle Buttons
  • Datetimepicker
  • Nucleo Icons
  • File Uploader
  • New Modals