Flipper iconFlipper
Interactive product preview
Your AI allowance, always in view

Stay in the flow.
Know your limits.

See your AI subscription usage above your work. Try the floating indicators, flip between allowance periods and switch applications — all without losing sight of your remaining usage.

Try the interactive demo ↓
WHY FLIPPER?

One glance. Less guesswork.

◉
Always in sight

See your allowance while you work, without opening another tab.

↻
Flip and compare

Switch between short-term and weekly limits in a click.

✦
One place for your AI

Keep your supported subscriptions together in one view.

01 / Always on topMove across the whole desktop

The Flippers now float over the entire simulated workspace, not just one app window.

02 / Behaviour optionsTry real interaction ideas

Enable auto-hide, edge snapping and ferris wheel mode to explore how Flipper can behave.

03 / Multiple AI toolsOne convenient view

Add or remove any of the six provider indicators, independently.

Flipper demo workspace
− □ ×
📁Projects🌐Browser
◉ Flipper demo🔒 example.com / workspace⋮
Code editor— □ ×

▾ EXPLORER

▸ src

◉ app.tsx

◉ helpers.ts

01import { useState } from 'react';
02
03export function Workspace() {
04 const [project] = useState('My next big idea');
05
06 return (
07 <main className="workspace">
08 <h1>{project}</h1>
09 <p>Keep building.</p>
10 </main>
11 );
12}
▦⌕▣◉31 Oct · 12:45
Browser— □ ×

Research tab

Task board— □ ×
To do
Doing
Done

Try a mode:Flippers float above simulated desktop apps.

Add or remove Flippers

Click any provider to show or hide its floating indicator. Mix the services you want to preview.

Try Flipper behaviours

Choose how the indicators behave.