SME Shader

A layered gradient and grid shader for product sections, previews, and hero panels.

Installation

bunx shadcn@latest add https://ui.razeev.com/r/sme-background.json

Usage

Use the exports from the installed entry file:

@/components/hangry-ui/shader/sme-background.tsx

Setup notes

Install the entry and its dependencies, then adapt the content and styles to your application.

Hovering gently brightens or moves the decorative layers. The frame and content stay still. Touch devices skip hover effects, and reduced motion disables movement.