Treva Bootstrap Admin Template & UI KIT

About Treva?

Treva comes with modern design system which supports Bootstrap 4 Design Framework. It has high feature-rich pages and components with fully developer centric code – design by Tarful & develop by CodedThemes team. Treva is one of its kind Admin Template which has faster performance & easily styling mechanism. i.e. Comes with complete design system UI KIT.

“Treva is such a huge design system with all modern enterprise ready designed components” – @tarful

Made for Performance

Performance is our key point before developing Treva Admin Template and we’ve made it with lots of testing and efforts on code improvement.

Treva is made for performance and we’ve achieve it in terms of design testing or code testing. Design passed with good score in Google Page Speed, Pingdom, gtMetrix and code passed via w3 validators.

notes – live demos have tons of features active, due to server location score may differ in Google Page Speed, Pingdom, gtMetrix.

Template Supports?

We’ve implemented latest technologies in Treva Admin template.

Bootstrap 4
Gulp, Node (i.e. not mendatory) Task Automation

Top Features

Below are top features of Treva which makes Treva differ than other templates.

More than 10+ layouts (see – roadmap for future releases)
Live customizer to choose what you need exactly for your project
Developer-centric code structure for things done easily
The responsive and mobile-first design
Professional looking design and color combination
High-Performance grade and fully flexible to use
Detailed video tutorial series – coming soon

Page Layouts Types

We’re introducing 10+ new layouts which never seen on any other admin templates ever. We’ve developed it to fulfill the needs of modern backend applications.

Vertical/Horizontal Layout
RTL (coming soon)
Collapse
The Master Sidebar (coming soon)
Both Vertical/Horizontal menu in the same layout (coming soon)
Horizontal Layouts
Color/Gradient Layout (coming soon)
Header Fixed
Menu Fixed

Widgets

100+ ready to use widget collection like statistics, analytics, user cards, charts, tables, chats, data widgets, slider widgets.

Professional Design

Treva design is made by team @tarful – The team that continously working hard to make the Treva a next level design system. For any backend, the design seems to look better and we’ve made a bunch of work to make Treva a good looking professional template. Colors are eye catchy and very professional for high-end backend applications too.

Layouts we offer with Treva

Default (i.e. Light)
Dark Light
Dark (coming soon)
Fill color (coming soon)
Color icon (coming soon)
Background image (coming soon)

We called Treva sidebar menu as a SMART MENU because we’ve applied all the possible options with one click live customizer.

The smart menu has various settings like

Fill Color
Horizontal/Vertical
Collapse
Icon color
Open/Close icon
Image Background

Colors

We’ve chosen cool eye catchy colors for entire Treva. 30+ dark/light color combination available to choose.

Use Bootstrap centric colors to avail the high eye catchy backend design for your project/application.

Charts

Dashboard needs chart to highlight statistics data in your project. We’ve implemented more than 40+ charts with tons of variety options.

Chart types (coming soon)

chartJS
eChart
Google chart
Highchart
knob
Morris
nvd3
peity
redial

Maps

Google maps
Vector
Gmap search API
Location

Components

Treva Admin Template comes with all Bootstrap’s basic components as well as we’ve also developed extra 3’rd party components which are listed below. i. All components are in latest version too.

Advance components

Alerts
Accordions
Avatars
Badges
Breadcrumbs
Button
Button Groups
Cards
Conversation
Date Pickers
Icons
Menus
Media Sliders/Carousel
Modals
Pagination
Progress Bars & Graphs
Search Bar
Tabs
Toasts
Tooltips
Upload Areas
Spinner
Advanced Stats
Advanced Cards
Lightbox
Notification
pNotify
Rating
Sidebar Forms
Sweet Alerts
Syntax Highlighter

Form Components

Inputs
Form Selects – Switches, Radio, Checkbox, Tags input, max length
Form Validation
Form Masking
Form Wizard
Form pickers – Datepicker, color picker
Select 2

Tables

Data Tables
Basic Tables

Authentication Pages

Every Backend Panels required Authentication pages with variety of options. We’ve designed the Treva Auth Pages in such a way which covers almost all of your need.

Auth

Login Pages variations 5 – Along with Social Icons / Images etc…
Sign up pages variations 5 – with ready to use forms added
Reset Password variations 2

Landing Page

Treva comes with 2 variations in Landing Page Front design. It covers almost every possible sections which suits your product’s marketing page need.

Maintenance Pages

Coming Soon
Error 404
Offline

Icons

Font Awesome5
Feather
Treva Custom (coming soon)

App & Extensions

Treva comes with variety of 3’rd party app & extensions which directly usable in your project. We’re continously working on next app & extensions for future release version update.

App & Admin Panels

Clients
Team Management
User Management
Project Management
Cloud Integration
File Management
Tasks
Profile Pages
Invoice
Email

Extensions

Editor – Trumbowyg
Full Calendar
File upload
Image Cropper

Files Included

Well organized .zip containing below files

Dist/ – Gulp compiled version i.e. You can use it without install any other dependencies.
src/ – i.e. containing Gulp structured files & assets
package.json
Documentation in HTML format
.fig – i.e. Treva Designed figma file.

How to customize & quick start

Treva is HTML template & you can use the sample-page.html page for quick start your project.
Just Install Gulp & run the build command if you need to work with GULP Automation OR else you can directly use dist/ folder in your project.
Request to refer the Documentation first for various options

Purchased Package Includes

Template Package with Live Customizer
Live demo preview image is not included in package
Documentation

Resources & Credits

Bootstrap 4
Open Sans – Google Font
Free Images – Icon Finder
Plugins References – See our Documentation