Flip Card

About this component

A 3D flip card that rotates on hover to reveal details and a link for service and feature grids.

Usage

The import and the props worth knowing about, in one place.

import { Card13 } from "@/components/beste/component/card13";
import { Palette } from "lucide-react";

// Hover (or keyboard focus) flips the card to the detail face.
<Card13
  title="Brand systems"
  description="Identity, guidelines, and design tokens that scale."
  href="/services/brand"
  linkLabel="Explore service"
/>

<Card13
  icon={Palette}   // front icon (default: Layers)
  title="Art direction"
  description="Campaign visuals from moodboard to final delivery."
  href="/services/art"
  tone="primary"   // back face: "dark" (default) | "primary"
/>

Playground

Turn the props on the right; the snippet under them is what you would write to get what you see.

Brand systems

Identity, guidelines, and design tokens that scale across every touchpoint of your product.

Explore service

Usage

import { Card13 } from "@/components/beste/component/card13";

<Card13
  title="Brand systems"
  description="Identity, guidelines, and design tokens that scale across every touchpoint of your product."
  href="#"
  linkLabel="Explore service"
/>

Props

Read from the component's own type, so this cannot drift from what it accepts.

Prop	Type	Default	Description
`icon`	`LucideIcon`	—	Front face icon (defaults to Layers)
`title`*	`string`	—	Title, shown on both faces
`description`*	`string`	—	Back face body text
`href`	`string`	—	Back face link
`linkLabel`	`string`	—	Back face link label (defaults to "Learn more")
`tone`	`"dark" \| "primary"`	—	Back face surface
`className`	`string`	—	Additional classes merged onto the root

More Card components

View all Card

Hardware

Meet the Atlas Deck

A modular controller for creative tools, machined from a single block of aluminum.

3D Tilt Card

A 3D tilt card that rotates in perspective toward the cursor with a moving glare for product showcases.

Beste StudioThe Component HandbookSecond edition

Book Cover Card

A 3D book cover card that swings open on hover to reveal page edges for ebooks, guides, and lead magnets.

24 photosStudio offsite

Photo Stack Card

A photo stack card whose tucked prints fan out on hover for albums, galleries, and case studies.

Summer in AlacatiAug 2026

Polaroid Card

An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.

Aurora FieldsBST-004

Midnight Frequencies

Stereo / 33 RPM

Vinyl Record Card

A vinyl record card whose disc slides out of the sleeve and spins on hover for music and creative landings.

Deniz Arslan

Creative Director

Leads brand systems for venture backed startups. Previously at North & Co.

View profile

Team Reveal Card

A team member card with a grayscale portrait that gains color on hover while a bio drawer slides up.