<aside> <img src="/icons/flash_yellow.svg" alt="/icons/flash_yellow.svg" width="40px" /> WELCOME TO THE VIRTUE ENGINE

</aside>

Welcome to Virtue Engine – the innovative, React-based UI component library and a public API provider designed to empower developers and designers with a suite of highly customizable, easy-to-use, and performance-optimized components. At the heart of Virtue Engine lies our commitment to simplicity, elegance, and functionality, enabling you to build beautiful, responsive, and accessible web applications with ease.

Philosophy

In a world where digital presence is paramount, we believe that creating visually appealing, highly functional, and accessible web applications should not be a daunting task. Virtue Engine is built upon the principle that developers should have access to a flexible toolkit that can be easily adapted to fit the unique requirements of their projects – without compromising on quality or performance.

Our components are designed to be "copy-and-paste" friendly, significantly reducing the time and effort required to incorporate them into your projects. With a wide array of customizable properties, Virtue Engine gives you complete control over the appearance and behaviour of your components, ensuring that your vision comes to life exactly as you imagine it.

Key Features

• Ease of Use: Get started quickly with our straightforward setup process and intuitive API. Our components work out of the box with minimal configuration required, making it easier than ever to integrate sophisticated UI elements into your application.
• Customization at Your Fingertips: With an extensive list of customizable properties, you can tweak every aspect of your components to match your desired look and feel. Whether it's adjusting colors, sizes, or behaviours, Virtue Engine offers unparalleled flexibility.
• Optimized for Performance: We've painstakingly optimized each component to ensure your application runs smoothly, providing a seamless user experience even on resource-constrained environments.
• Accessibility Built-In: Accessibility is not an afterthought; it's a core component of our design philosophy. Virtue Engine components adhere to WCAG guidelines, ensuring that your applications are usable by as wide an audience as possible.
• Community Driven: Virtue Engine is shaped by its community. We actively seek feedback and contributions to help us refine and expand our component library to meet the evolving needs of developers and designers alike.

<aside> <img src="/icons/flash_yellow.svg" alt="/icons/flash_yellow.svg" width="40px" /> ABOUT THE VIRTUE ENGINE

</aside>

1.1

<aside> <img src="/icons/flash_orange.svg" alt="/icons/flash_orange.svg" width="40px" /> Early Concept (need to edit)

</aside>

The Virtue Engine (VE) was first brainstormed by the CEO as a way to create development patterns that are simple to implement but accomplish high level functionalities. “It can be difficult navigating complex components especially as a beginner. Not only does the VE make your development process faster but the components can make your clients website or web application attract more viewers”. It began with one custom component a redirect button that checks if a user is logged in and simply redirects them to the correct route based on the parameters provided. This button was Ctrl + C & Ctrl V’d various times throughout the years and as other components like it started to take shape the VE began to take shape.

<aside> <img src="/icons/flash_orange.svg" alt="/icons/flash_orange.svg" width="40px" /> OPEN SOURCE

</aside>

The VE library is completely open source and free to use. Contributions are not yet available but can be …

<aside> <img src="/icons/flash_yellow.svg" alt="/icons/flash_yellow.svg" width="40px" /> DOCUMENTATION

</aside>

Getting Started:

<aside> <img src="/icons/flash_orange.svg" alt="/icons/flash_orange.svg" width="40px" /> API(s)

Virtue Engine APIs

</aside>

<aside> <img src="/icons/flash_orange.svg" alt="/icons/flash_orange.svg" width="40px" /> React Component(s)

Components

</aside>

<aside> <img src="/icons/flash_yellow.svg" alt="/icons/flash_yellow.svg" width="40px" /> CREDITS

</aside>