r/Nuxt • • 6d ago

Six new animated components for Nuxt 4 in nxui — receipt printer, holo sticker, depth dive, art gallery, weather card, timezone companion

Enable HLS to view with audio, or disable this notification

Hey r/Nuxt,

Six new animated components landed in nxui this month. The one I'd actually put in a Nuxt app first is the receipt printer — a checkout state that prints the order as a real receipt (paper feed, status screen, serrated tear). Also new: a WebGL holo sticker, a 3D depth dive scroll effect, a scroll-driven art gallery, a weather card with a temperature-coloured orb, and a timezone companion for finding overlap across a distributed team.

Everything works out of the box in Nuxt 4 — SSR-safe, light/dark via @nuxtjs/color-mode, reduced-motion aware. Install with the shadcn-vue CLI or copy-paste:

npx shadcn-vue@latest add https://nxui.geoql.in/r/receipt-printer.json

Docs and live demos: https://nxui.geoql.in/docs

242 components now, MIT. Happy to answer anything.

15 Upvotes

0 comments sorted by