Profile Cards

28 snippets

Browse Profile Cards examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-profile-cards

Snippets(28)

90's Profile Card
A 90's profile card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Beginner
Features
Sepia Filter, Gradient Background, Retro Aesthetic
Responsive
Yes
CSS Card
A css card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
CSS Profile Card
A css profile card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
Beginner
Features
Dark/Light Mode Toggle, Theme Switching, Smooth Transitions
Responsive
Yes
Cv Card Profile
A cv card profile built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Responsive
Yes
Fairly Colourful Profile Card
A fairly colourful profile card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Game-Based Cards
A game-based cards built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
InfoCard CSS Only
A infocard css only built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Player/User Cards
A player/user cards built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Features
user profiles, player cards
Responsive
Yes
PopDog Card
A popdog card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Profile Card
A profile card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
Beginner
Features
hover animations, circular avatar, statistical layout
Responsive
Yes
Profile Card
A profile card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Responsive
Yes
Profile Card
A profile card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Responsive
Yes
Profile Card Design
A profile card design built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Responsive
Yes
Profile Card Hover Over It Once
A profile card hover over it once built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Features
hover-effect, animation
Responsive
Yes
Profile Card UI
A profile card ui built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
SCSS, CSS Animations, Flexbox
Difficulty
intermediate
Features
Entrance animations, Fade-in effects, Rotating background element
Responsive
Yes
Profile Card UI Design
A profile card ui design built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Profile Cards - CSS Grid
A profile cards - css grid built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
CSS Grid, HTML5
Difficulty
beginner
Responsive
Yes
Social Card + 3D Hover Effect
A social card + 3d hover effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
intermediate
Features
3D hover effect, interactive UI
Responsive
Yes
Social Card Hover
A social card hover built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Features
hover effect, interactive cards
Responsive
Yes
Twitter Author Card
A twitter author card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Features
CSS animations, Custom properties
Responsive
Yes
UI Profile Cards
A ui profile cards built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Responsive
Yes
Material Design: Profile Card
A material design: profile card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Advanced
Features
Sequential Reveal, Shape Morphing, Material Design
Responsive
Yes
Profile Card with 3D Hover Animation
A profile card with 3d hover animation built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Features
3D animation, flip effect, carousel
Responsive
Yes
Modern Our Team Section
A modern our team section built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Features
gradient borders, dark mode, profile grid
Responsive
Yes
Glassmorphism Profile Info Card
A glassmorphism profile info card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
HTML, SCSS
Difficulty
Intermediate
Browser support
Chrome 76+, Edge 79+, Firefox 103+, Safari 9.1+
Features
Glassmorphism, CSS Masking, Grid Stacking
Responsive
Yes
Morphing Profile Card Interaction
A morphing profile card interaction built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Intermediate
Browser support
Chrome 88+, Edge 88+, Firefox 87+, Safari 15+
Features
Aspect-ratio Animation, Content Reveal, Hover Effect, Dark Mode
Responsive
Yes
3D CSS Grid Exploding Stack
A 3d css grid exploding stack built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS 3D, JavaScript, View Transition API
Difficulty
Advanced
Features
3D Transformations, Theme Switching, Reactive UI
Responsive
Yes
Interactive Profile Card with Canvas
A interactive profile card with canvas built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Content Card+2 more
Demo Code
Technologies
HTML, CSS, JavaScript, Canvas API
Difficulty
Intermediate
Features
Interactive background, Responsive layout, Hover animations
Responsive
Yes

Snippets(28)

related hubs