Hero Split
The signature two-column landing hero — headline and CTAs on the left, any node (product mockup, image, illustration) in the right slot. The AccentUnderline wrapper draws a hand-drawn accent underline beneath one headline word — pure CSS, disabled under reduced motion.
$
Registry itembunx shadcn@latest add @nx-ui/hero-splitWith a product preview
The default composition, over the shared Backdrop. Wrap one headline word in AccentUnderline for the signature draw-in highlight.
Circular by design
Software for the business of materials.
Turn every load, weighbridge ticket and certificate into a clean, auditable record — and get the reporting your regulator expects.
Default media placeholder
Omit media and the right column falls back to a gradient placeholder — useful while a real mockup is being produced.