Developer Programs
Vendor Integration Program (VIP)
Direct access to Jack Henry's technical integration resources.
Technical Account Manager (TAM)
Get technical integration help from a single point of contact.
Developer Account
Create a developer acccount to access resources that help you integrate with Jack Henry.
Learn
Shared Responsibility
Learn about shared roles and responsibilities of customers and Jack Henry in open banking.
Developer Use Cases
Find a use case that fits your development needs.
Developer Video Gallery
Watch the latest demos, webinars, and more.
Developer Conference
Connect with industry leaders, gain insights from expert speakers, and explore our latest innovations.
Docs
Admin API
Create solutions for an institution's back office support tools.
Authentication Framework
Map customer identities to your existing system IDs.
Consumer API
Access financial data for user accounts, transactions, and more.
Data Broker
Get deeper access to financial institution data.
Enterprise Event System
Respond to events in real-time using this powerful pub/sub-based solution.
jXchange - REST API
Translate business information between Jack Henry and third-party applications using a REST-based API.
jXchange - SOAP API
Translate business information between Jack Henry and third-party applications using a SOAP-based API.
Operational Data Integration (ODI)
Get customized queries for bulk data needs.
Payments
Embed check deposits, ACH, bill pay, cards, and real-time payments.
Plugin Framework
Embed the best of the fintech world directly into your user's dashboard.
SymXchange
Query Symitar core member accounts, post transactions, run PowerOn scripts, and more.
Xperience
Modern UI that provides consistent visual integration across Jack Henry products.

Development

Development
Learn how to build responsive web applications by installing and using the Responsive UI web components.

Responsive UI provides the following for developing responsive web apps:

  • Web components that allow your team to build and maintain responsive UI applications that implement the UI patterns

  • CSS-based theming that provides the appearance for all development components

  • A library of icons

  • Sample applications for both the web components and Angular wrappers that provide working solutions for you to examine and run:

    • You can copy code from the sample application solution and paste it into your own applications.
    • You can access a running copy of the web components samples here and a running copy of the Angular wrapper samples here.

  • Starter template solutions that provide the basic scaffolding your responsive app will need:

    • This can help save time whenever you start a new project.

Code repositories

Use the links below to access the Responsive UI code repositories.

You must have access to Jack Henry GitHub to view these repos. Contact the help desk if you need this access. All repos have been set up as internal, so anyone with access to Jack Henry GitHub can view them.

We are not accepting pull requests for these repositories at this time, but you should feel free to examine this code.

Seeing a 404 error?
If you get a 404 error with the repo links, you do not have access to Jack Henry GitHub. Contact the help desk for this access.

Using the Responsive UI components

You have 3 approaches for using Responsive UI in your applications…

RUI web components within a non-Angular application

  • Your app is built using a technology other than Angular, such as React or Blazor.
  • Your app uses the Responsive UI web components.
  • Your app will import the responsive-ui-wc npm package to get the Responsive UI web components.

RUI web components within an Angular application

  • Your app is built using the Angular framework.
  • Your app will import the responsive-ui-wc npm package to get the Responsive UI web components.
  • Your app will import the responsive-ui-angular npm package to get the Responsive UI Angular extensions.

RUI Angular wrappers within an Angular application

  • Your app is built using the Angular framework
  • Your app will import the responsive-ui-wc npm package to get the Responsive UI web components.
  • Your app will import the responsive-ui-angular npm package to get the Responsive UI Angular wrappers.
  • This approach should only be used by teams who started using Responsive UI before the web components were available.

Register to access the Responsive UI packages

Before you can access any Responsive UI installation package, you must first register the Jack Henry Azure Responsive Controls Artifact.

Install the responsive UI packages

You’ll install different packages depending on whether you’re using Angular at the application level.

Angular applications

If you’re using Responsive UI within an Angular application, add the following to your package.json file after registering. Note that you will need both the Angular and web component packages, even if you’re using the Responsive UI web components.

Packages for Angular applications; add to package.json
"@jkhy/responsive-ui-angular": "9.2.0"
"@jkhy/responsive-ui-wc": "9.2.0"

Non-Angular applications

If you’re using the Responsive UI web components outside of an Angular application, add the following to your package.json file after registering.

Package for non-Angular applications; add to package.json
"@jkhy/responsive-ui-wc": "9.2.0"
Support options
Have questions on this topic?
Join the Responsive UI team in Microsoft Teams to connect with the community.
See something in this page that needs to change?
Send us feedback on this page.
Last updated Wed Oct 11 2023