Avatars

35 snippets

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

css-avatars

Snippets(35)

;-D (Tap or Hover)
A ;-d (tap or hover) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Animated CSS Grid
A animated css grid built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar
A avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar
A avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar Cards
A avatar cards built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Avatar Frame
A avatar frame built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar Indicators Using CSS Mask and Trigonometry
A avatar indicators using css mask and trigonometry built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar with Cut-Off Border
A avatar with cut-off border built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar with HTML and CSS
A avatar with html and css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Bounce On Hover
A bounce on hover built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Clip-Path Masks with Custom Properties as API
A css clip-path masks with custom properties as api built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Floating Animation
A css floating animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Grid for Multi-Sized Avatars
A css grid for multi-sized avatars built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Change Avatar Image
A change avatar image built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Content-Drop Shadow
A content-drop shadow built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Floating Personas
A floating personas built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pop-up Hover Effect
A pop-up hover effect built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Profile Avatar
A profile avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Profile Avatar Animation
A profile avatar animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pulsating Avatar
A pulsating avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pulse Avatar
A pulse avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Avatar
A pure css avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Avatars
A pure css avatars built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Responsive Chris Coyier Pixel Avatar
A pure css responsive chris coyier pixel avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Self Portrait Avatar
A pure css self portrait avatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Qavatar
A qavatar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
SVG Voice UI Animations
A svg voice ui animations built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Self Portrait (Interactive)
A self portrait (interactive) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
The Circle (Netflix) UI
A the circle (netflix) ui built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Twitch Avatar Spin
A twitch avatar spin built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Avatar Border Effect. 15 Declarations, 1 Element, No Pseudos
A avatar border effect. 15 declarations, 1 element, no pseudos built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
Beginner
Features
Single element, No pseudo-elements
Responsive
Yes
Squircle Image Crop
A squircle image crop built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Web Components
Demo Code
Technologies
CSS, SVG
Difficulty
Intermediate
Features
Superellipse, Responsive, Masking
Dynamic Circular Avatar Gallery
A dynamic circular avatar gallery built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
Advanced
Browser support
Chrome 119+, Edge 119+
Features
CSS Trigonometry, Hover Expansion, Dynamic Masking
Responsive
Yes
Fancy Hover Effect on Avatar
A fancy hover effect on avatar built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
beginner
Features
Hover Animation, CSS Variables
Responsive
Yes
Resizable Masked Avatar with Status Indicator
A resizable masked avatar with status indicator built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Features
masked-avatar, status-indicator, resizable
Responsive
Yes

Snippets(35)

related hubs