Hero Elements are a set of modular UI components that allow healthcare technology providers to embed powerful patient communication, booking, and consultation tools directly into their applications. Rather than building these complex features from scratch, Hero Elements provide a seamless way to integrate NHS-ready functionality with minimal development effort.
To learn more, visit Meet the Elements.
What are Hero Elements?
Hero Elements are embeddable components designed to streamline key workflows within NHS primary care. They are built to work with existing clinical systems like EMIS and TPP, ensuring full interoperability.
These components are available as React and Web Components, making them easy to integrate into a variety of applications.
The five Hero Elements
1. Patient messaging
The Message Builder enables seamless patient communication via SMS, email, or the NHS App. Users can send messages that include:
Self-booking links
Questionnaire links
Reply options
Secure attachment links
Messages are stored for auditing, and fallbacks ensure delivery via email or SMS if the NHS App is unavailable.
2. Online booking
The Booking Link Builder allows users to create self-booking links that patients can use to schedule appointments. These links can be embedded on websites or sent directly to patients and can be customised with:
Appointment slot restrictions (age, sex, registration status)
Intake forms for collecting additional patient information
Named links for easy tracking and management
3. Quick consultation
The Quick Consultation component allows users to submit a free-text note into a patient's record, providing a streamlined way to document interactions without requiring a full consultation workflow.
4. Structured consultation
The Structured Consultation component enables the submission of coded notes into a patient’s record. This includes:
SNOMED-coded questions
Coded observations such as height, weight, and blood pressure
This ensures structured, standardised data entry for improved record-keeping and analytics.
5. Direct appointment booking
The Admin Booking component allows users to book appointments directly into EMIS or TPP. It supports:
Cross-organisational bookings, such as network practices or Hubsites
Real-time slot availability
Integrated intake forms for additional data collection
Why use Hero Elements?
Faster development – Deploy fully functional, NHS-compliant features without months of development.
Seamless integration – Use React or Web Components to add Hero Elements to your platform effortlessly.
Customisable – Adjust the look and feel of components to align with your brand.
Built for NHS workflows – Ensure interoperability with EMIS and TPP.
Get started today
If you're looking to enhance your digital health product with NHS-ready functionality, Hero Elements provide the fastest path to integration.
Visit the Developer Hub to explore our documentation and start integrating today.