A collection of open-source, reusable Next Experience UI Components designed to enhance the ServiceNow platform. Built for use in Workspace, UI Builder, and Next Experience applications, these components facilitate the integration of advanced UI features.
This project provides ServiceNow developers with a comprehensive library of plug-and-play UI components that address common and advanced user experience requirements, including media embedding, user interaction, rich input controls, and third-party service integrations.
| Component Name | Description | Documentation |
|---|---|---|
| Google Map Embed | Embed Google Maps with support for locations and markers. | Documentation |
| YouTube Embed Modal | Embed and play YouTube videos in modal popups. | Documentation |
| QR Code Generator | Generate scannable QR codes for text or URLs. | Documentation |
| Copy Button | One-click clipboard copy functionality. | Documentation |
| TOTP Generator | Time-based One-Time Password (2FA) code generator. | Documentation |
| Component Name | Description |
|---|---|
| Google Places Autocomplete | Integrate location autocomplete input using Google Places API. |
| Relative Time | Display human-readable relative time (e.g., "2 years ago"). |
| TinyMCE Editor | Rich text editor powered by TinyMCE for user inputs. |
| Video Player | Custom video player for local or external sources. |
| Camera Function | Capture images using webcam within the browser. |
| PDF Viewer | Inline PDF previewer inside workspace or modal. |
| Excel Viewer | Render .xlsx spreadsheets in a readable format. |
| Word Viewer | Display Word documents directly within the UI. |
| Attachment Carousel | Image/document carousel from record attachments. |
| Slider Range Selector | Interactive slider for selecting numeric ranges. |
Each component is published as a scoped and reusable component in ServiceNow. To install:
- Download the relevant XML files from Releases.
- Import the XML file into your ServiceNow instance using retrieved update sets.
- Add components to your Workspace or UI Builder application.
Refer to each component's documentation for detailed setup, configuration, and usage instructions.
https://github.com/kunalkhatri/loop91-ui-components/tree/main/docs
- ServiceNow Next Experience UI Framework
- Web Components
- HTML5, CSS, JavaScript
This project is licensed under the MIT License. See the LICENSE file for details.
Contributions from the community are welcome. Please submit issues for bugs or feature requests.
For questions or feedback, please open a GitHub Issue.
Developed for the ServiceNow developer community.