Card

The Card component is used to display content in a structured container with distinct styles. Variants like GlowCard and ContactCard provide specialized layouts.

Glow Card

The GlowCard component wraps any content and adds a glowing border effect. It accepts children of type React.ReactNode.

Profile

Cosmic Card

Contact Card

The ContactCard component displays contact information in a neatly styled format.

ZentoUI Creations

UI Designer at @ZentoUI

API Reference

ComponentPropTypeDescription
GlowCardchildrenReact.ReactNodeContent to display inside the card.
ContactCardbannerImagestringURL of the banner image to display at the top of the card.
profileImagestringURL of the profile image to display in the card.
namestringName of the contact.
descriptionstringShort description or role of the contact.
buttonLabelstringLabel text for the action button.