<section class="hp-home hp-hero" aria-labelledby="hp-title"> <div class="hp-wrap hp-hero-grid"> <div class="hp-hero-copy"> <h1 id="hp-title">Discuss, plan, attend.<br><span>Nothing else.</span></h1> <p class="hp-lede">A group planner where the conversation and the calendar are the same place.</p> <p class="hp-highlight">No ads. No subscriptions. Your data, not for sale.</p> <p class="hp-mechanism">The server is a spare Android in your house, not a machine we run, which is why there's no hosting bill. <a href="https://phlipapp.com/Guides/4.+Host+a+server+on+your+Android+phone">How hosting works</a></p> <p class="hp-alpha-note">Built solo and still in alpha — expect some rough edges while it takes shape.</p> <div class="hp-hero-actions"> <a class="dp-btn" href="https://phlipapp.com/demo/">Try the interactive demo</a> <a class="dp-btn ghost" href="https://phlipapp.com/Why+Phlip">Learn more</a> </div> </div> <figure class="hp-hero-shot hp-app-demo" data-hp-step="0" aria-labelledby="hp-demo-caption"> <p class="hp-vh">An animated tour of Phlip: discuss a dinner in chat, create it from the message, see it in the timeline, review another invitation against your calendar, copy a share card, return to the original channel, and post the card in chat.</p> <div class="hp-demo-phone" aria-hidden="true"> <div class="hp-demo-screen"> <div class="hp-demo-scene hp-demo-scene--chat" data-hp-scene="0"> <div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># chat</b><small>Friends</small></div> <div class="hp-demo-chat"> <div class="hp-demo-msg hp-demo-msg--source"><span class="hp-demo-avatar hp-demo-avatar--sam">SA</span><div><b>Sam <time>11:14</time></b><p>Dinner Friday? Nori at 7?</p></div></div> <div class="hp-demo-msg"><span class="hp-demo-avatar hp-demo-avatar--jo">JO</span><div><b>Jo <time>11:15</time></b><p>Yes — I’m in.</p></div></div> <div class="hp-demo-msg hp-demo-msg--you"><span class="hp-demo-avatar hp-demo-avatar--you">YO</span><div><b>You <time>11:16</time></b><p>Perfect — I’ll make the event.</p></div></div> <span class="hp-demo-longpress"></span> </div> <div class="hp-demo-composer"><span>Message — try #event or @person</span><b>Send</b></div> </div> <div class="hp-demo-scene hp-demo-scene--calendar" data-hp-scene="3"> <div class="hp-demo-underlay hp-demo-calendar-underlay-state"><div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># plans</b><small>Friends</small><span>⋯</span></div><div class="hp-demo-timeline"><div class="hp-demo-date"><b>FRI 11</b><i></i></div><article class="hp-demo-event hp-demo-event--resolved hp-demo-event--created"><small>7pm</small><span class="hp-demo-event-icon">🍜</span><b>Dinner at Nori</b></article><div class="hp-demo-date"><b>SUN 13</b><i></i></div><article class="hp-demo-event hp-demo-event--invite hp-demo-event--incoming"><button type="button" class="hp-demo-event-dismiss">×</button><span class="hp-demo-event-icon">🎬</span><div><b>Film night</b><small>by Ada</small><p>⌖ Ada’s &nbsp; ◷ <strong>7pm–9pm</strong></p><u>Check conflicts</u></div><button type="button" class="hp-demo-event-yes">✓</button></article></div></div> <div class="hp-demo-panel"> <div class="hp-demo-panel-head"><b>My calendar</b></div> <div class="hp-demo-month"><strong>September 2026</strong><span>‹ &nbsp; ›</span><div class="hp-demo-weekdays"><i>M</i><i>T</i><i>W</i><i>T</i><i>F</i><i>S</i><i>S</i></div><div class="hp-demo-days"><i class="muted">31</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>10</i><i class="selected">11</i><i>12</i><i>13</i><i>14</i><i>15</i><i>16</i><i>17</i><i>18</i><i>19</i><i>20</i><i>21</i><i>22</i><i>23</i><i>24</i><i>25</i><i>26</i><i>27</i><i>28</i><i>29</i><i>30</i><i class="muted">1</i><i class="muted">2</i><i class="muted">3</i><i class="muted">4</i></div></div> <div class="hp-demo-timegrid"> <span class="hp-demo-hour hp-demo-hour--7">7pm</span><span class="hp-demo-hour hp-demo-hour--8">8pm</span><span class="hp-demo-hour hp-demo-hour--9">9pm</span> <div class="hp-demo-block hp-demo-block--personal"><small>7:30pm–8:30pm</small><b>Work call</b><span>My plans</span></div> <div class="hp-demo-block hp-demo-block--target hp-demo-block--rsvp-target"><small>7pm–9pm</small><b>Film night</b><span>Invitation from Ada</span></div> </div> </div> </div> <div class="hp-demo-scene hp-demo-scene--create" data-hp-scene="1"> <div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># plans</b><small>Friends</small></div> <div class="hp-demo-create-underlay"><div class="hp-demo-date"><b>FRI 11</b><i></i></div><div class="hp-demo-create-slot"><small>7pm</small><span></span><b>Dinner at Nori</b></div><div class="hp-demo-date"><b>SUN 13</b><i></i></div></div> <div class="hp-demo-create-card"> <div class="hp-demo-create-context"><b>Creating from chat</b><span>Sam · # chat</span><p>“Dinner Friday? Nori at 7?”</p></div><div class="hp-demo-create-top"><small>● &nbsp; NEW EVENT</small><b>Fri 11 Sept</b><span>×</span></div> <div class="hp-demo-create-main"><span class="hp-demo-create-icon"><i>🍜</i></span><div><strong>Dinner at Nori</strong><p>◷ &nbsp; 7pm–9pm</p></div></div> <div class="hp-demo-create-place"><span class="hp-demo-place-empty"></span><span class="hp-demo-place-final"><b>Nori</b><small>9–15 West Street, London</small><u>Open location ↗</u></span></div> <div class="hp-demo-create-foot"><button type="button">Create</button></div> </div> <div class="hp-demo-suggestions"><div class="hp-demo-suggestions-head"><b>Quick suggestions</b><span>⌄</span></div><div class="hp-demo-suggestion"><span>▤</span><div><b>Friday drinks</b><small>7pm–9pm · Local pub</small></div><button type="button">Use</button></div><div class="hp-demo-suggestion"><span>▤</span><div><b>Sunday lunch</b><small>1pm–3pm · Town</small></div><button type="button">Use</button></div></div> <span class="hp-demo-flying-icon">🍜</span> </div> <div class="hp-demo-scene hp-demo-scene--return" data-hp-scene="6"> <div class="hp-demo-rail"><b>P</b><span class="on">FR</span><span>FA</span><span>WK</span><span>CL</span><i>＋</i></div><div class="hp-demo-sidebar"><div class="hp-demo-sidebar-head"><b>Friends</b></div><small>EVENT CHANNELS</small><div class="hp-demo-side-item"><span>▧ &nbsp; plans</span></div><div class="hp-demo-side-item"><span>▧ &nbsp; weekends</span></div><div class="hp-demo-side-item"><span>▧ &nbsp; birthdays</span></div><small>CHAT CHANNELS</small><div class="hp-demo-side-item hp-demo-side-item--selected"><span># &nbsp; Everyone</span><i>1</i></div><div class="hp-demo-side-item"><span># &nbsp; general</span></div><div class="hp-demo-side-item"><span># &nbsp; dinner-club</span></div></div> <div class="hp-demo-return-timeline"><div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># plans</b><small>Friends</small><span>⋯</span></div><div class="hp-demo-timeline"><div class="hp-demo-date"><b>FRI 11</b><i></i></div><article class="hp-demo-event hp-demo-event--resolved hp-demo-event--created"><small>7pm</small><span class="hp-demo-event-icon">🍜</span><b>Dinner at Nori</b></article><div class="hp-demo-date"><b>SUN 13</b><i></i></div><article class="hp-demo-event hp-demo-event--resolved hp-demo-event--accepted"><small>8pm</small><span class="hp-demo-event-icon">🎬</span><b>Film night</b><span class="hp-demo-event-accessory">✓</span></article></div></div> <div class="hp-demo-return-chat"><div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># Everyone</b></div><div class="hp-demo-chat"><div class="hp-demo-msg hp-demo-msg--posted"><span class="hp-demo-avatar hp-demo-avatar--you">YO</span><div><b>You <time>11:24</time></b><p class="hp-demo-post-copy">Posted in #plans if anyone else is around on Friday 🍜</p><div class="hp-demo-posted-card"><div class="hp-demo-posted-card-info"><small>FRI 11 SEPT</small><strong>Dinner at Nori</strong><i class="hp-demo-card-copy"></i><p>◷ &nbsp; Fri 11 Sept · 7pm–9pm</p><p>⌖ &nbsp; Nori, 9–15 West Street</p><p>♙ &nbsp; Friends · #plans</p><footer><span>FRIDAY DINNER</span><span>FRIENDS</span></footer></div></div><div class="hp-demo-chat-reactions"><span>❤️ 2</span><span>🍜 1</span></div></div></div><div class="hp-demo-msg hp-demo-msg--reply hp-demo-msg--reply-sam"><span class="hp-demo-avatar hp-demo-avatar--sam">SA</span><div><b>Sam <time>11:25</time></b><p>I’m around — count me in!</p></div></div><div class="hp-demo-msg hp-demo-msg--reply hp-demo-msg--reply-jo"><span class="hp-demo-avatar hp-demo-avatar--jo">JO</span><div><b>Jo <time>11:26</time></b><p>Yes please 🙌</p></div></div></div><div class="hp-demo-composer"><span>Message Everyone…</span><b>Send</b></div></div><span class="hp-demo-tap hp-demo-tap--chat"></span> </div> <div class="hp-demo-scene hp-demo-scene--timeline" data-hp-scene="2"> <div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># plans</b><small>Friends</small><span>⋯</span></div> <div class="hp-demo-timeline"> <div class="hp-demo-date"><b>FRI 11</b><i></i></div> <article class="hp-demo-event hp-demo-event--resolved hp-demo-event--created"><small>7pm</small><span class="hp-demo-event-icon">🍜</span><b>Dinner at Nori</b></article> <div class="hp-demo-date"><b>SUN 13</b><i></i></div> <article class="hp-demo-event hp-demo-event--invite hp-demo-event--incoming"><button type="button" class="hp-demo-event-dismiss">×</button><span class="hp-demo-event-icon">🎬</span><div><b>Film night</b><small>by Ada</small><p>⌖ Ada’s &nbsp; ◷ <strong>7pm–9pm</strong></p><u>Check conflicts</u></div><button type="button" class="hp-demo-event-yes">✓</button><span class="hp-demo-tap hp-demo-tap--conflicts"></span></article> </div> </div> <div class="hp-demo-scene hp-demo-scene--event-chat" data-hp-scene="4"> <div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># plans</b><small>Friends</small><span>⋯</span></div><div class="hp-demo-timeline hp-demo-event-chat-underlay"><div class="hp-demo-date"><b>FRI 11</b><i></i></div><article class="hp-demo-event hp-demo-event--resolved hp-demo-event--created"><small>7pm</small><span class="hp-demo-event-icon">🍜</span><b>Dinner at Nori</b></article><div class="hp-demo-date"><b>SUN 13</b><i></i></div><article class="hp-demo-event hp-demo-event--invite hp-demo-event--incoming hp-demo-film-updating"><button type="button" class="hp-demo-event-dismiss">×</button><small class="hp-demo-accepted-time">8pm</small><span class="hp-demo-event-icon">🎬</span><div><b>Film night</b><small>by Ada</small><p>⌖ Ada’s &nbsp; ◷ <strong><i>7pm–9pm</i><i>8pm–10pm</i></strong></p><u>Check conflicts</u></div><button type="button" class="hp-demo-event-yes">✓</button><span class="hp-demo-tap hp-demo-tap--accept-film"></span></article></div> <div class="hp-demo-event-chat-sheet"><div class="hp-demo-sheet-grab"></div><div class="hp-demo-event-chat-title"><span class="hp-demo-event-icon">🎬</span><div><b>Film night</b><small>Event chat · Ada and 3 others</small></div><span>×</span></div><div class="hp-demo-event-chat-messages"><div class="hp-demo-mini-msg"><span class="hp-demo-avatar hp-demo-avatar--sam">AD</span><p><b>Ada</b> I was thinking 7pm — does that work?</p></div><div class="hp-demo-mini-msg hp-demo-mini-msg--you"><span class="hp-demo-avatar hp-demo-avatar--you">YO</span><p><b>You</b> Could we make it 8pm please <strong>@Ada</strong>?</p></div><div class="hp-demo-mini-msg hp-demo-mini-msg--ada-reply"><span class="hp-demo-avatar hp-demo-avatar--sam">AD</span><p><b>Ada</b> Sure, will change now.</p></div></div><div class="hp-demo-event-chat-compose"><span>Reply about Film night…</span><b>Send</b></div></div> </div> <div class="hp-demo-scene hp-demo-scene--share-action" data-hp-scene="5"><div class="hp-demo-head"><span class="hp-demo-hamb"><i></i><i></i><i></i></span><b># plans</b><small>Friends</small><span>⋯</span></div><div class="hp-demo-timeline"><div class="hp-demo-date"><b>FRI 11</b><i></i></div><article class="hp-demo-event hp-demo-event--resolved hp-demo-event--created"><small>7pm</small><span class="hp-demo-event-icon">🍜</span><b>Dinner at Nori</b></article><div class="hp-demo-date"><b>SUN 13</b><i></i></div><article class="hp-demo-event hp-demo-event--resolved hp-demo-event--accepted"><small>8pm</small><span class="hp-demo-event-icon">🎬</span><b>Film night</b><span class="hp-demo-event-accessory">✓</span></article></div><span class="hp-demo-longpress hp-demo-longpress--dinner"></span><div class="hp-demo-event-menu"><small>Dinner at Nori</small><button type="button">Copy event card</button><button type="button">Open event</button></div><span class="hp-demo-tap hp-demo-tap--copy-card"></span></div> </div> </div> <figcaption id="hp-demo-caption"><span class="hp-demo-step">Discuss the plan in chat.</span></figcaption> <div class="hp-demo-controls" aria-label="App preview controls"> <button type="button" data-hp-action="prev" aria-label="Previous step">‹</button> <button type="button" class="hp-demo-play" data-hp-action="toggle" aria-label="Pause animation"><span aria-hidden="true">Ⅱ</span></button> <button type="button" data-hp-action="next" aria-label="Next step">›</button> <button type="button" data-hp-action="replay" aria-label="Replay animation">↻</button> </div> <div class="hp-demo-progress" aria-hidden="true"><i class="on"></i><i></i><i></i><i></i><i></i><i></i><i></i></div> </figure> </div> </section> <footer class="hp-home hp-footer"> <div class="hp-wrap"> <nav aria-label="More about Phlip"> <a href="https://phlipapp.com/Features">How it works</a><a href="https://phlipapp.com/Guides/4.+Host+a+server+on+your+Android+phone">Hosting</a><a href="https://phlipapp.com/Notices/Security">Security</a><a href="https://phlipapp.com/FAQs">FAQs</a><a href="https://phlipapp.com/Notices/Legal">Legal</a> </nav> <p>Phlip — a private planner your group hosts itself. Backend published under Apache 2.0.</p> </div> </footer>