Code card

Code as a glass object: numbered, tinted lines (at most 18) on a dark screen under a CODE · LANG · N LINES tag.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Files

• packages/metalui/src/blocks/code-card/code-card.tsx
• packages/metalui/src/components/chip/chip.tsx
• packages/metalui/src/components/glass-face/glass-face.tsx

Source

https://github.com/vijayksingh/metalui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components

More from Metal UI

• Card
• Link card
• Preview card
• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette