ReflectiveCard
ReflectiveCard is a premium ID-style card component with a live webcam background, metallic/glass distortion, and customizable typography, built for Framer.
Make it with Workshop
Build your own component with AI
About this Component
Uses the device webcam as a blurred, mirrored background texture.
Applies SVG filters for metallic displacement, specular lighting, and optional glass distortion.
Includes layered visual effects: noise grain, reflective sheen, inner borders, and shadows.
Fully customizable content: name, role, ID number, fonts, sizes, colors, and border radius.
Supports grayscale control, blur strength, displacement intensity, and visual realism tuning.
Built-in SVG icons (Lock, Activity, Fingerprint) for secure/tech card aesthetics.
Designed for high-end profile cards, access badges, or futuristic UI visuals in Framer.
