Bevel — 19 React Components, Preview & Copy | 21st

Bevel

Bevel

Skeuomorphic React components for shadcn, each modelled on a real patented object. Base UI and Tailwind CSS v4. Full library and shadcn install at bevel-ui.vercel.app.

19components

Bevel contents

Badge

Badge

Kbd

Kbd

Icon key

Key

Key

Number wheel

Number wheel

Dead man's switch

Dead man's switch

Breaker

Breaker

Ticket sheet

Ticket sheet

Receipt

Receipt

Keycard

Keycard

Wallet

Wallet

Annunciator

Annunciator

Amount

Amount

Payment card

Payment card

DIP Switches

DIP Switches

Spend Meter

Spend Meter

Split Flap Board

Split Flap Board

Detent Knob

Detent Knob

Guarded Switch

Guarded Switch

That's all 19 components

Components
/
Hitesh
/
Bevel

Related libraries

shadcn/ui

87

components

Ruixen UI

347

components

Origin UI

44

components

8bitcn

103

components

Bankk

18

components

ReUI

262

components

About Bevel

Bevel is a component library on 21st.dev by Hitesh with 19 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

All 19 Bevel components

Amount
Annunciator
Badge
Breaker
Dead man's switch
Detent Knob
DIP Switches
Guarded Switch
Icon key
Kbd
Key
Keycard

Browse all component libraries →

Split-Flap Board