Hero's interoperability functionality with Hero Elements & Hero's API

Build faster with Hero Elements

Integrating patient communication, booking, and workflow tools into your digital health product can be complex, especially when working with NHS systems like EMIS and TPP. Hero Elements offer a faster, more efficient way to add these essential capabilities, without the need to build everything from scratch.

Hero Elements are embeddable UI components designed to seamlessly integrate into your application, allowing you to provide powerful scheduling and communication functionality in a fraction of the time.

Explore the full introduction to Hero Elements

React and Web components for seamless integration

Hero Elements are available as React components and Web components, giving you the flexibility to choose the best approach for your tech stack.

React components

If you're building with React, you can take advantage of our optimised React components, designed to integrate natively into your application. These components handle complex interactions like patient messaging and appointment booking while maintaining a consistent user experience.

• Fully customisable via props and styles
• Optimised for performance within React-based applications
• Designed for rapid deployment with minimal setup

Learn more about Hero Elements as React components

Web components

For those using other frontend frameworks or vanilla JavaScript, Hero Elements are also available as Web components. These encapsulated, framework-agnostic components allow you to drop NHS-ready functionality into any web-based application with minimal effort.

• Compatible with any frontend framework (React, Angular, Vue, or plain JavaScript)
• Simple to embed with minimal dependencies
• Fully interoperable with existing NHS system integrations

Find out more about Hero Elements as Web components

Why choose Hero Elements?

• Speed to market – Deploy fully integrated NHS-compliant components in hours, not months.
• Scalability – Built to handle high-volume patient interactions reliably.
• Security & compliance – IM1 accredited and used by healthcare providers across the UK.
• Customisation – Tailor the components to fit your brand and workflows.

Get started today

Whether you're building an online consultation platform, a patient engagement tool, or a workflow automation system, Hero Elements give you the fastest path to integration.

Visit our Developer Hub to explore our documentation or schedule a call to discuss your integration requirements.