jSignage is SpinetiX's content rendering framework — a jQuery-inspired JavaScript/SVG engine designed specifically for digital signage. It powers every template, widget, and interactive element on SpinetiX players. Unlike browser-based rendering, jSignage runs on a hardware-accelerated engine optimized for 24/7 operation: no memory leaks, no garbage collection pauses, no DOM bloat. It's the reason SpinetiX content runs flawlessly for years without restarts.
When to Use jSignage Directly
- Custom widget development — building data visualizations, interactive maps, or sensor dashboards beyond the 250+ built-in widgets
- Complex data logic — conditional content based on multiple data sources, branching logic, custom transformations
- Interactive applications — wayfinding with touch navigation, product catalog browsing, self-service kiosks
- Advanced animations — multi-layer transitions, physics-based motion, synchronized multi-zone effects
How jSignage Works
SVG-Based Architecture
All content is structured as SVG (Scalable Vector Graphics) layers. SVG scales to any resolution — from HD to 4K — without quality loss. Each layer can contain: text, images, video, shapes, data widgets, or nested layouts. Layers composite in real time with opacity, blend modes, and transitions.
jQuery-Like API
Developers familiar with jQuery will feel at home. jSignage uses similar syntax for element selection, manipulation, and event handling. Differences: elements are SVG layers (not HTML DOM), and the execution environment is an embedded signage player (not a browser). See full API documentation →
Data Binding
jSignage widgets connect to data sources natively: REST APIs, JSON/XML files, CSV, RSS feeds, iCalendar. Data is fetched, parsed, and bound to visual elements on configurable intervals. Error handling is built in: if a data source fails, the widget shows cached data or a configured fallback — never an error message.
250+ Widget Constructors
SpinetiX provides pre-built widget constructors for common use cases: clocks, weather, calendars, news tickers, KPI gauges, table generators, image carousels, video players, social media feeds, and more. Each constructor is configurable via parameters — no coding needed. For custom requirements, extend any constructor or build from scratch.
Hardware-Accelerated Rendering
jSignage leverages the player's GPU for compositing, transitions, and video decoding. This is not software rendering in a browser — it's direct hardware pipeline rendering. Result: smooth 60fps animations, zero dropped frames, and consistent performance over months of continuous operation.
Key Parameters
| Aspect | jSignage | Browser-Based (Typical Competitor) |
|---|---|---|
| Base | SVG + JavaScript (purpose-built) | HTML + CSS + JavaScript (generic) |
| Rendering | Hardware-accelerated GPU pipeline | Browser rendering engine (Chromium) |
| Memory management | Deterministic, no GC pauses | Garbage collected, unpredictable |
| Long-running stability | Months without restart | Hours/days before memory issues |
| Resolution scaling | Native SVG (infinite resolution) | CSS-based (pixel breakpoints) |
| Data handling | Native parsers, built-in fallback | JavaScript fetch + custom error handling |
| Widget library | 250+ signage-specific constructors | Generic web component libraries |
Common Mistakes with Content Development
- Trying to use HTML/CSS for signage. Web technologies are designed for documents, not 24/7 multi-zone displays. jSignage's SVG approach handles resolution independence, layer compositing, and data binding natively — things that require extensive CSS hacks in a browser.
- Ignoring the widget library. Before building a custom widget, check the 250+ existing constructors. Most data display scenarios are already covered. Custom development should be the exception, not the default.
- Not using data fallbacks. Every data widget should define what happens when the source is unavailable. jSignage supports this natively — configure it during development, not after production incidents.
- Over-animating. Smooth transitions enhance content. Constant motion creates visual fatigue. Use animation purposefully — to draw attention, indicate changes, or guide the eye. Learn more in SpinetiX Academy →