DEV Community

Gustav Wahlbom Andersson
Gustav Wahlbom Andersson

Posted on

First try at: RPG Character Card - Flippable

My first try at a game-card UI

Flippable RPG character card with glassmorphism UI design.

TECH STACK: Pure CSS3 + Vanilla JS
FEATURES: 3D flip animation, responsive XP/HP/Mana bars with SVG icons, animated combat stats (Attack/Spell/Defense), ability selector tabs, neon glow effects, hue-shifting animations, cosmic background with stars.

FRONT: Character info, level progression, status bars
BACK: Combat abilities, stat bars, interactive tabs

Click to flip! Fully responsive across all devices. Perfect for game UIs and modern interfaces.

Top comments (0)