a developer platform for

lovable.dev

software people genuinely love

scroll & breathe
the love languages

five ways code says I care

Lovability is not a vibe. It is a measurable engineering practice — five rituals that turn shipping software into an act of warmth.

01

Words of Affirmation

Error messages that apologize. Empty states that cheer. Tooltips that whisper instead of shout. Copy is the first hug your product gives.

02

Acts of Service

Remember the form. Restore the draft. Pre-fill the obvious. Every keystroke saved is a small love letter to the user’s afternoon.

03

Quality Time

60fps interactions. 200ms responses. The unbroken flow of a conversation that never makes you wait awkwardly for the next sentence.

04

Receiving Gifts

The unexpected confetti on first success. The hidden keyboard shortcut. Easter eggs that signal: someone here was thinking about delight.

05

Physical Touch

The satisfying click of a real toggle. The gentle bounce of a card receiving focus. Haptics that feel like agreement. Software you can almost feel under your thumb.

a-lovable-button.jsx
export function LovableButton({ children, onPress }) {
  const [hugged, setHugged] = useState(false);

  return (
    <button
      className="blob blob--coral"
      onMouseDown={() => setHugged(true)}
      onMouseUp={() => { setHugged(false); onPress?.(); }}
      style={{ transform: hugged ? 'scale(0.96)' : 'scale(1)' }}
    >
      {children} /* a small hug */
    </button>
  );
}

A button that squeezes back. Lovability begins where the spec ends.

the love metric

measure it, or it didn’t happen

We track L-Score — a composite of return-without-prompt rate, unsolicited praise volume, and the slope of the third-week retention curve. Lovability is an SLO.

0 L-Score
the eight gentle principles

a quiet manifesto

i.

Default to warmth. The cold path is always more code than you think.

ii.

If a user has to apologize to your software, your software should apologize first.

iii.

Curves over corners. The brain reads a rounded shape as safe.

iv.

Animate state, never decorate stillness. Motion is meaning.

v.

Empty states are the loudest screen in your product. Whisper kindly.

vi.

Latency is rudeness wearing a lab coat. Hide it with grace, not spinners.

vii.

Make the success path delightful and the failure path dignified.

viii.

The product is a relationship. Maintain it like one.

the field guide

small habits, soft software

A weekly cadence used by teams shipping things people stick around for.

mon

Read one piece of feedback aloud.

The whole team. Tone of voice changes everything you think you knew about a complaint.

tue

Walk the empty states.

Every blank screen, freshly logged-in, with no data. Note the lonely ones.

wed

Polish a single transition.

Pick the one you see most. Round its edges. Slow it 80ms. Re-deploy.

thu

Rewrite an error message.

Out of capital letters. Out of blame. Into a sentence a friend would say.

fri

Send a thank-you.

Pick a user who wrote in. Write back. Not as support — as a person who made the thing.

heard in the wild

things users said unprompted

“I opened it on a tuesday morning and it felt like the app was happy to see me. I’m not even sure what to do with that information.”
— ada, a person on the internet
“every other dashboard feels like a parking lot now.”
— jun, ops engineer
“the loading states are weirdly comforting? like they know I’m busy.”
— mira, founder
“my team uses other tools. I keep this one open in a tab because I miss it when it’s gone.”
— ren, designer