Card Library 109+ premium card designs with immersive 3D interactions, dynamic lighting, and multi-framework support. Each card is a unique interactive experience ready to copy-paste into your projects.
109 Total Cards
60 Design Styles
7 Frameworks
3D Tilt, Parallax Layers, Reflection tracks cursor, Dynamic highlights, 3D rotation +402 Interactions
Filter by framework:
🎯 All (109) 🌐 HTML/CSS (109) 🎨 Tailwind (109) ⚛️ React (109) 💚 Vue (90) 🅰️ Angular (90) 🔥 Svelte (90) 💛 JavaScript (0) ☁️ LWC (90)
Filter by design style:
🎨 All Styles (109) ✨ Liquid Glass (7) 🌠 Hologram (8) 🤝 Claymorphism (7) 🏔️ 3D Perspective (7) 🧡 Living Morph (6)
Sort by Newest Recently updated Name A–Z Name Z–A
SK
Sarah Kim
Product Designer
Crafting minimal, human-centered interfaces at scale.
Senior Figma
Cards Apple Liquid Glass
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#glass #apple-inspired #frosted #luxury #elegant #minimal #3d-tilt #parallax #floating #premium
NEXUS AI
Model v4.2 · Active
PyTorch NVIDIA CUDA
Cards Hologram
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#hologram #holographic #cyberpunk #sci-fi #futuristic #neon #rgb #projection #glow #tech
Daily Wellness
5-day streak
Cards Claymorphism
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#claymorphism #soft-ui #neumorphism #puffy #playful #tactile #3d #rounded #friendly #bouncy
MONTHLY REVENUE
$48,290
+12.5% vs last month
Monthly Target $48K / $60K
Cards 3D Perspective
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#3d #perspective #parallax #interactive #depth #layered #dynamic #tilt #premium #realistic
AM
Alex Morgan
Creative Developer
React Three.js GSAP CSS
Cards Organic Morph
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#morph #organic #fluid #shape-shifting #liquid #borders #animated #interactive #creative #experimental
Crystal Clear
Premium Collection
LUXURY PREMIUM
Cards Crystal Prism
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#crystal #prism #diamond #luxury #premium #glass #refraction #rainbow #sparkle #elegant
Cards Paper Origami
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#paper #origami #fold #minimal #editorial #handcrafted #japanese #texture #natural #organic
Cards Neon Energy
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#neon #cyberpunk #energy #electric #plasma #rgb #glow #gaming #tech #futuristic
Misty Valley
Northern Forest
Cards Living Nature
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#nature #organic #eco #green #leaves #garden #living #earth #sustainable #natural
Cards Mechanical Clockwork
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#mechanical #steampunk #gears #industrial #brass #clockwork #engineering #vintage-tech #machinery #metal
Weather Valley
Northern Town
Cloudy Wind: 12 km/h
Cards Tiny World
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#tiny-world #diorama #miniature #weather #animated #scene #living #interactive #playful #whimsical
Dimensional Portal
→ Unknown Realm
Cards Portal
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#portal #dimension #wormhole #portal-ring #energy #distortion #space #sci-fi #fantasy #vortex
SK
Sarah Kim
Product Designer
Crafting minimal, human-centered interfaces at scale.
Senior Figma
Cards Apple Liquid Glass
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#glass #apple-inspired #frosted #luxury #elegant #minimal #3d-tilt #parallax #floating #premium
NEXUS AI
Model v4.2 · Active
PyTorch NVIDIA CUDA
Cards Hologram
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#hologram #holographic #cyberpunk #sci-fi #futuristic #neon #rgb #projection #glow #tech
Daily Wellness
5-day streak
Cards Claymorphism
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#claymorphism #soft-ui #neumorphism #puffy #playful #tactile #3d #rounded #friendly #bouncy
MONTHLY REVENUE
$48,290
+12.5% vs last month
Monthly Target $48K / $60K
Cards 3D Perspective
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#3d #perspective #parallax #interactive #depth #layered #dynamic #tilt #premium #realistic
AM
Alex Morgan
Creative Developer
React Three.js GSAP CSS
Cards Organic Morph
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#morph #organic #fluid #shape-shifting #liquid #borders #animated #interactive #creative #experimental
Crystal Clear
Premium Collection
LUXURY PREMIUM
Cards Crystal Prism
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#crystal #prism #diamond #luxury #premium #glass #refraction #rainbow #sparkle #elegant
Cards Paper Origami
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#paper #origami #fold #minimal #editorial #handcrafted #japanese #texture #natural #organic
Cards Neon Energy
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#neon #cyberpunk #energy #electric #plasma #rgb #glow #gaming #tech #futuristic
Misty Valley
Northern Forest
Cards Living Nature
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#nature #organic #eco #green #leaves #garden #living #earth #sustainable #natural
Cards Mechanical Clockwork
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#mechanical #steampunk #gears #industrial #brass #clockwork #engineering #vintage-tech #machinery #metal
Weather Valley
Northern Town
Cloudy Wind: 12 km/h
Cards Tiny World
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#tiny-world #diorama #miniature #weather #animated #scene #living #interactive #playful #whimsical
Dimensional Portal
→ Unknown Realm
Cards Portal
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte
🌐 HTML/CSS 🎨 Tailwind ⚛️ React 💚 Vue 🅰️ Angular 🔥 Svelte ☁️ LWC
#portal #dimension #wormhole #portal-ring #energy #distortion #space #sci-fi #fantasy #vortex
Showing 1 to 12 of 109 results