Avalon for PrimeReact

A modern and easy to use premium application template with highly customizable layout features. Based on a bootstrap styling, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.
Live Demo Docs Support Buy Now
  • Basic License

  • $49

    • Non Commercial Usage
    • Single End Product, No Multi-Use
    • Lifetime Support
    • Unlimited Updates
  • License Details
  • Extended License

  • $490

    • Commercial Usage
    • Multiple End Products
    • Lifetime Support
    • Unlimited Updates
  • License Details

Download package is an create-react-app project that contains all the resources including css, scss, images, fonts, login, promotion, error pages and sample demos.

Visit the official documentation for more information.


React App with No Configuration

Avalon is powered by Create-React-App to get started in no time following the best practices. Template is implemented purely in React.


Avalon is inspired by Bootstrap styling without depending on Bootstrap directly and can be used standalone.

Choose from a variety of theming options with bootstrap v3 and v4 alternatives.

Fully Responsive

Avalon is crafted to provide optimal viewing and
interaction experience for a wide range of devices.

Full SaSS Support

Scss syntax of Sass is used to create the css of
both layout and theme for easy customization.

4 Menu Orientations, Light and Dark Menu, 2 User Profiles

Avalon is highly customizable, in total there are 4000+ layout combinations. Menu has 4 modes out of the box; StaticOverlay, Slim and Horizontal with Light and Dark color alternatives. In addition user profile menu can be placed inside the main menu or topbar.

14 Different Themes

Avalon Theme is highly customizable, there are 14 built-in themes and creating your own theme is a matter of defining two sass variables.

Create your own Avalon

Variety of options for the layout color palette are offered to define your own Avalon experience.

Ready to Use Pages

Landing, login and error pages are provided as template pages to get started with building your app in no time.

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.

Cross Browser Compatible

First class support for Firefox, Safari, Chrome and Edge.

Well Supported

Avalon has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.

Related Layouts

Babylon for PrimeReact
Babylon for PrimeReact
Apollo for PrimeReact
Apollo for PrimeReact
Roma for PrimeReact
Roma for PrimeReact

Need a Custom Theme Based on Your Own Style Guide?

Designer API is a SASS based theme engine to create PrimeReact themes easily featuring over 500 variables, a demo application, and a base sample theme. Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them into existence.

Avalon is a next-gen layout proudly presented by Prime Tek