Cards

Interactive containers that invite you to explore the content.

Interactive Magnifier (Lens Card)

A card that transforms your cursor into a physical magnifying glass. Hover over the image to explore the details of the landscape.

Available configuration to customize the component.

Prop	Type	Default	Description
imageSrc	string	—	Source URL for the main and lens image
title	string	"Liquid Button"	The card title
linkText	string	"VIEW GALLERY →"	Text for the footer link
lensSize	number	150	Size of the magnifying lens in pixels
zoom	number	2	Zoom multiplier for the lens

Dark card with holographic reflections that shift as you move the mouse across it.

BRUTALIST EDITION

Available configuration to customize the component.

Prop	Type	Default	Description
title	string	"INK & ACID"	Main title of the card
subtitle	string	"BRUTALIST EDITION"	Subtitle text
image	string	—	Background image URL
badgeText	string	"01"	Text inside the circular badge
className	string	—	Optional custom class name

Translucent glass card with animated color gradients and floating light orbs in the background.

Glassmorphism edition with prismatic reflections and floating depth layers.

Available configuration to customize the component.

Prop	Type	Default	Description
title	string	"Aurora glow"	Main title of the card
subtitle	string	"Glassmorphism edition with prismatic reflections..."	Subtitle text
image	string	—	Background image URL for the 3D parallax effect
className	string	—	Optional custom class name