Skyface

Dynamic weather-based avatars for your website

Stamp Design

The signature postage stamp style with perforated edges.

Paris
New York
Tokyo
Sydney

Click to change variant - Shift+click for debug mode

Circle Design

Simple circular avatar style.

Cloudy Paris
Clear Night New York
Clear Night Tokyo
Sunny Sydney

All Weather Conditions

Preview all 9 weather states.

sunny sunny
clear-night clear-night
cloudy cloudy
cloudy-night cloudy-night
fog fog
rain rain
snow snow
thunderstorm thunderstorm
wind wind

Sizes

sm
md
lg
xl

Get Started

# Generate your avatars
npx @skyface/generator init
npx @skyface/generator generate

# Add to your site
npm install @skyface/astro
View on GitHub