BarPulse is a client-side JavaScript component that enables dynamic generation, customization, and export of barcodes directly within web applications and low-code platforms such as OutSystems. It is designed to work entirely in the browser, eliminating the need for server-side processing and ensuring fast, real-time performance.

The asset allows users to input text or numeric values and instantly generate standard barcode formats such as CODE128. Rendering is performed using SVG or Canvas, providing high-quality, scalable output suitable for both on-screen display and printing.

A key feature of BarPulse is its flexible sizing control. Developers can configure both width (bar thickness) and height (overall barcode height), allowing precise adjustment based on use cases such as product labels, invoices, or mobile displays. This ensures the barcode remains readable across different resolutions and devices.

BarPulse also supports foreground and background color customization, enabling developers to match application branding or UI themes. Users can define colors dynamically using input controls, while maintaining recommended contrast (typically dark foreground on light background) to ensure reliable scanning.

Another important capability is Base64 conversion. Once a barcode is generated, it can be serialized into a Base64-encoded string using JavaScript. This allows:

• Storing barcode images in databases
• Sending barcode data through APIs
• Binding directly to image components in UI frameworks
• Reusing the generated barcode without regeneration

The asset includes a built-in download feature, allowing users to export the generated barcode as an image file (commonly SVG or PNG). This is implemented using browser-native APIs such as XMLSerializer (for SVG) or Canvas methods, enabling quick downloads without backend involvement.

BarPulse is built with reusability and integration in mind. It can be embedded into dynamic screens, supports asynchronous rendering scenarios, and includes safe DOM handling to ensure compatibility in environments where elements are loaded or refreshed dynamically.

Key Features

• Real-time barcode generation using JavaScript
• Adjustable width and height for precise sizing
• Customizable foreground and background colors
• Base64 encoding for storage and integration
• Download functionality for exporting barcode images
• Fully client-side execution (no server dependency)

Use Cases

• Inventory and warehouse management
• Product labeling and retail systems
• Billing and invoicing applications
• Logistics and shipment tracking
• Asset management and identification