Dev Design Library

Matte Button

A matte chip button with a holographic rim: three blurred glows pinned under the top edge, a bounce light along the bottom, and a gradient-clipped label and mask-painted icon. Four shadcn sizes with the corner curvature held constant, an ex.

Matte Button preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add https://d2studio.dev/r/button-matt.json
Files
  • registry/default/components/button-matt.tsx
  • lib/utils.ts
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI