Piggy
Reinventing the piggy bank for the digital age – Piggy lets you lock in savings, send Bitcoin as a gift and stack sats on the Lightning network with a delightful AI companion.
About Project
Design and frontend built as one system — from tokens to behavior.
Website
Branding
We designed and implemented Piggy’s entire frontend and wallet UX — from a network-agnostic interaction model to passwordless authentication with Passkeys — built to feel simple no matter the chain underneath.
The system is engineered with Shadcn UI, shared Tailwind tokens, and custom components, then layered with Rive motion and an AI messaging layer so each Piggy has its own brain and behavior.
Network-agnostic wallet UX designed once, scaled across chains
Passwordless authentication using Passkeys
Shadcn UI as the component foundation
Tailwind tokens shared across design and code
Custom components built specifically for Piggy
Rive animations for real-time, state-driven motion
AI messaging layer powering personality and responses
Every layer is intentional.
No visual noise. No UX debt. Just clarity and control.
Motion is Piggy’s native language
We moved beyond static assets to build a personality engine that feels truly alive. Powered by Rive, Piggy generates over 10,000 unique variations from just 130 core traits—meaning every Piggy isn't just a clone, but a unique character.
We moved beyond static visuals to build a living system.
Using Rive, Piggy generates thousands of unique variations from a shared set of traits. Motion reacts to state, intent, and context — not timelines.
Personality-aware motion that responds in real time
Massive variation without duplicating assets
Smooth 60fps performance across devices
Rive allowed design and logic to live in the same system, making motion predictable, lightweight, and easy to maintain.
Framer — Structure & Delivery
A system built to scale
The entire Piggy experience was structured and delivered using Framer, allowing design and development to move together from concept to production.
Using Framer enabled us to:
Build CMS-driven sections and layouts
Maintain strict design control while scaling content
Optimize performance and responsiveness
Framer allowed Piggy to function as a living product — easy to iterate, flexible to update, and ready to grow.