Piggy lets you lock in savings, send Bitcoin as a gift, and stack sats on the Lightning network with a delightful AI companion.

Design and frontend built as one system — from tokens to behavior.

%randing

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.

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.

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.