Sovereign Identity Visual Engine for Vibesphere
Extracts a dynamic UI palette directly from user avatars, giving each user a unique, identity-driven experience across Web3 apps.
VibeColor SDK allows developers to:
- Extract dominant colors from user avatars
- Apply these colors automatically to UI via CSS variables
- Create consistent, personalized themes for each user
- Integrate seamlessly into Vibesphere mini-apps and Web3 ecosystems
- Identity-driven visual themes
- SSR-safe (works on server-side rendering environments like Next.js)
- Fallback colors for missing or invalid avatars
- Easy CSS variable integration:
--vibe-color,--vibe-color-muted - Designed for cross-dApp consistency — your vibe follows you everywhere
npm install vibe-color-sdkimport { VibeColorSDK } from 'vibe-color-sdk';
const avatarUrl = "https://vibesphere.io/avatar/user123.png";
// Extract dominant color
const hexColor = await VibeColorSDK.extractVibe(avatarUrl);
// Apply color to global UI
VibeColorSDK.applyVibe(hexColor);
---
Philosophy
VibeColor SDK is part of the Vibesphere vision: Vibes of Sovereign
Every user has a unique identity on-chain
That identity influences visual experience across all apps
Your avatar is your personal UI fingerprint
License
VibeColor SDK is licensed under MIT License for community use.
For commercial use, please read Terms of Use and contact the author.
Contact
Email: suhudsuhudi@gmail.com
Twitter: @fitboy_id
Telegram: @taiko_dev