Skip to content

component

ReflectiveCard

By Julius Ayo

Details

Summary

a premium ID-style card

Description

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.

Introduction

a premium ID-style card

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300132618/148/228/309/79/15
  • All · #3261