Treo – Angular 11+ Admin Template


Treo – Angular 11+ Admin Template

Treo is a modular, multi-layout Angular admin template featuring custom made Application and Page layouts, UI elements and UX best practices.

The multi-layout setup allows using multiple template layouts without making any major changes to the general structure of the template. It also allows using a different layout per route.

Being able to set different layout per route makes Treo very flexible as it allows having any kind of page design within the same codebase. For example, you can have the main admin application, a landing page and authentication pages all within the same codebase without the constant need of hiding/showing layout level elements such as Navigation, Header or Footer.

General Features

  • Completely built with TailwindCSS.
  • Modular design.
  • Multiple theme layouts.
  • Ability to set a different layout per route.
  • Pre-built and ready to use application and page designs.
  • Ready to use content layouts.
  • Custom components for admin panel specific use cases.
  • Starter project included for faster development.
  • Full Angular Material theming support with customizable colors.
  • Dark and Light color theme support.

Core Libraries

  • Angular
  • Angular Material Components
  • TailwindCSS

Application Designs

Treo provides application designs along with some functionality. These functionalities are for demonstration purposes and shows what you can do with the provided application designs.

Included applications

  • Analytics Dashboard
  • Cryptocurrency Dashboard
  • Calendar
  • Contacts
  • ECommerce
  • Mailbox
  • Tasks


Treo provides clean and consistent page designs to help you to create beautiful looking contents. Some of the page designs also comes with different variations such as Authentication and Pricing pages.

Included pages

  • Authentication Pages
    • Sign in
    • Sign up
    • Sign out
    • Forgot password
    • Reset password
    • Unlock session
    • Confirmation required
  • Coming soon
  • Error
    • 404
    • 500
  • Help center
    • Home
    • FAQs
    • Guides
    • Guide
    • Support
  • Maintenance
  • Pricing
    • Modern
    • Simple
    • Single
    • Table
  • Profile

Using with Existing Angular Projects

Since Treo is a template and a starter project, it’s built as the starting point of your project. It cannot be simply installed and used with an existing project like a third party library.

Although using Treo with any existing Angular project is still possible, it would require extra work to connect everything together. We strongly recommend you to either start your project with Treo, or move your project on top of it to have the best experience.

Browser Support

Treo supports all modern browsers; Chrome, Firefox, Safari and Edge Chromium. Post Chromium versions of Edge, IE11 and below are NOT supported!


We are open to any kind of suggestions. If you have any ideas that you want to see in the Treo, please let us know. We will do our best to improve the template based on your suggestions.


Treo is not a normal HTML template; it’s an Angular template and it must be used with Angular. Please make sure that you will be using Treo with Angular before the purchase.