A collection of open-source, reusable Next Experience UI Components designed to enhance the ServiceNow platform experience. Built for use in Workspace, UI Builder, and Next Experience apps, these components streamline integration of advanced UI features.
This project aims to provide ServiceNow developers with a growing library of plug-and-play UI components that address common and advanced UX needs—ranging from media embedding and user interaction to rich input controls and third-party service integrations.
| Component Name | Description |
|---|---|
| Google Map Embed | Embed Google Maps with support for locations and markers. Documentation |
| Component Name | Description |
|---|---|
| Google Places Autocomplete | Integrate location autocomplete input using Google Places API. |
| TOTP Generator | Time-based One-Time Password (2FA) code generator. |
| QR Code Generator | Generate scannable QR codes for text or URLs. |
| Relative Time | Display human-readable relative time (e.g., “2 years ago”). |
| TinyMCE Editor | Rich text editor powered by TinyMCE for user inputs. |
| YouTube Embed Modal | Embed and play YouTube videos in modal popups. |
| Video Player | Custom video player for local or external sources. |
| Copy Button | One-click clipboard copy functionality. |
| 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 use:
- Download relevant xml files from Releases
- Import xml file into your ServiceNow instance using retrieved update sets
- Add components into your Workspace or UI Builder application.
Refer to each component’s folder for 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.
We welcome contributions from the community!
- Submit issues for bugs or feature requests.
Have questions or feedback?
- Open a GitHub Issue
Made with ❤️ for the ServiceNow developer community.