Serenity for PrimeReact

A modern and easy to use premium application template with various color schemes.
Based on material design language, 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

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

Create Your Own Serenity

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

Fully Responsive

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

Material Design

Serenity is inspired by Google’s Material Design language.

Full SaSS Support

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

Typescript Support

Top-notch Typescript support with the optional Typescript version in addition to the default Babel version.

Innovative Menu

Serenity menu offers an intuitive way to enhance the user experience across different devices.

18 Different Themes

Serenity Theme is highly customizable, there are 18 built-in themes and creating your own theme is a matter of defining couple of sass variables.

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 IE11, Firefox, Safari, Chrome and Edge.

Well Supported

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

Related Layouts

Ultima for PrimeReact
Ultima for PrimeReact
Avalon for PrimeReact
Avalon for PrimeReact
Sapphire for PrimeReact
Sapphire 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.

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