# Utilities components

> 7 Utilities components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Barcode, Countdown, Hooks, Icon, QrCode, Linkify, Translations.

Source: https://docs.nasaqui.com/components/groups/utilities

- [Barcode](https://docs.nasaqui.com/components/barcode): One-dimensional barcodes drawn as SVG with jsbarcode (Code 128, EAN-13, EAN-8, UPC-A, Code 39, ITF, Codabar, Pharmacode), with input validation that explains the problem, SVG and PNG download and a generator card.
- [Countdown](https://docs.nasaqui.com/components/countdown): A drift-free countdown hook, a timer ring with phase colours, the mm:ss readout, cycle dots, and an idle-time prompt for time that passed while you were away.
- [Hooks](https://docs.nasaqui.com/components/hooks): Small client hooks used across apps; useDebounce and useDebouncedCallback for search and autosave, useMediaQuery and useIsMobile for responsive logic, and useInfiniteScroll for loading the next page near the end of a list.
- [Icon](https://docs.nasaqui.com/components/icon): lucide icon wrapper that mirrors direction-bearing glyphs in RTL, plus the bidi helpers Ltr, Bdi, BidiText and isolate.
- [QrCode](https://docs.nasaqui.com/components/qr-code): QR code drawn as SVG in the browser with dot, rounded or square modules, three eye styles, a centre logo slot, token or prop colours and SVG or PNG download, plus a full generator card.
- [Linkify](https://docs.nasaqui.com/components/text-utilities): Small text helpers for user content. Linkify safe links, bidi-isolated UserText, a translation toggle, scroll fades, an optimistic save button and progressive reveal.
- [Translations](https://docs.nasaqui.com/components/translations): App strings for the Nasaq locale: TranslationsProvider and useT() give t(key, vars) over your dictionaries, with nested and namespaced keys, interpolation, CLDR plurals, locale fallback, a remembered choice and seedLocale for server defaults.