A ;-d (tap or hover) built with modern frontend techniques for responsive and reusable UI.
Avatars
35 snippetsBrowse Avatars examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-avatars
Snippets(35)
- ;-D (Tap or Hover)
- Animated CSS Grid
A animated css grid built with modern frontend techniques for responsive and reusable UI.
- Avatar
A avatar built with modern frontend techniques for responsive and reusable UI.
- Avatar
A avatar built with modern frontend techniques for responsive and reusable UI.
- Avatar Cards
A avatar cards built with modern frontend techniques for responsive and reusable UI.
- Avatar Frame
A avatar frame built with modern frontend techniques for responsive and reusable UI.
- 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.
- Avatar with Cut-Off Border
A avatar with cut-off border built with modern frontend techniques for responsive and reusable UI.
- Avatar with HTML and CSS
A avatar with html and css built with modern frontend techniques for responsive and reusable UI.
- Bounce On Hover
A bounce on hover built with modern frontend techniques for responsive and reusable UI.
- 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.
- CSS Floating Animation
A css floating animation built with modern frontend techniques for responsive and reusable UI.
- CSS Grid for Multi-Sized Avatars
A css grid for multi-sized avatars built with modern frontend techniques for responsive and reusable UI.
- Change Avatar Image
A change avatar image built with modern frontend techniques for responsive and reusable UI.
- Content-Drop Shadow
A content-drop shadow built with modern frontend techniques for responsive and reusable UI.
- Floating Personas
A floating personas built with modern frontend techniques for responsive and reusable UI.
- Pop-up Hover Effect
A pop-up hover effect built with modern frontend techniques for responsive and reusable UI.
- Profile Avatar
A profile avatar built with modern frontend techniques for responsive and reusable UI.
- Profile Avatar Animation
A profile avatar animation built with modern frontend techniques for responsive and reusable UI.
- Pulsating Avatar
A pulsating avatar built with modern frontend techniques for responsive and reusable UI.
- Pulse Avatar
A pulse avatar built with modern frontend techniques for responsive and reusable UI.
- Pure CSS Avatar
A pure css avatar built with modern frontend techniques for responsive and reusable UI.
- Pure CSS Avatars
A pure css avatars built with modern frontend techniques for responsive and reusable UI.
- 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.
- Pure CSS Self Portrait Avatar
A pure css self portrait avatar built with modern frontend techniques for responsive and reusable UI.
- Qavatar
A qavatar built with modern frontend techniques for responsive and reusable UI.
- SVG Voice UI Animations
A svg voice ui animations built with modern frontend techniques for responsive and reusable UI.
- Self Portrait (Interactive)
A self portrait (interactive) built with modern frontend techniques for responsive and reusable UI.
- The Circle (Netflix) UI
A the circle (netflix) ui built with modern frontend techniques for responsive and reusable UI.
- Twitch Avatar Spin
A twitch avatar spin built with modern frontend techniques for responsive and reusable UI.
- 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.
Difficulty
BeginnerFeatures
Single element, No pseudo-elementsResponsive
Yes - Squircle Image Crop
A squircle image crop built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, SVGDifficulty
IntermediateFeatures
Superellipse, Responsive, Masking - Dynamic Circular Avatar Gallery
A dynamic circular avatar gallery built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
AdvancedBrowser support
Chrome 119+, Edge 119+Features
CSS Trigonometry, Hover Expansion, Dynamic MaskingResponsive
Yes - Fancy Hover Effect on Avatar
A fancy hover effect on avatar built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
beginnerFeatures
Hover Animation, CSS VariablesResponsive
Yes - Resizable Masked Avatar with Status Indicator
A resizable masked avatar with status indicator built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
masked-avatar, status-indicator, resizableResponsive
Yes


















