Realistic
Frames
for DOM
Elements

Mat Width

Frame Width

Finish & Extras

Installation

Add to your project via shadcn CLI

pnpm dlx shadcn@latest add
                "https://frameui.chrctr.dev/r/frameui.json"

Import and use anywhere

// main.ts
import "./components/frameui";

<!-- Use it in your HTML -->
<frame-ui glass finish="black">
  <img src="artwork.jpg" />
</frame-ui>