Better work email.

Joined June 2025
43 Photos and videos
Pinned Tweet
After long months of work, we are ecstatic to share our vision for the future of email and work communication. Try here: demo.define.app I’d genuinely love to hear what you think, especially if you use email for work! Note: this is a frontend demo with mock data. PS - Reposting this because the previous video included sensitive mock data.
17
5
104
6,730
Product experience starts before login. Our early users aren’t just users.. They’re our first believers. When you request early access, you get your own virtual 3D card. A shareable proof that you were here before the doors opened. Get yours here: define.app
2
1
33
1,969
Flexibility is a feature Give users the choice between Focus Mode and Chaos Mode. Productivity isn’t one-size-fits-all. Give users control over how their workspace feels. Try it: define.app
2
25
3,394
Inbox details 💅
5
26
1,250
Our email composer speaks markdown • type `#` space → heading • type `-` space → bullet list • type `[]` space → to-do with checkbox • type `>` space → blockquote • type `---` → divider • paste markdown → auto-converts to rich blocks
9
45
2,275
Email 🤝 block-based editor like Notion /reply → draft a response /auto-improve → improve your block /signature → toggle signature /send → send instantly
3
1
39
2,862
Email, but better. • Message bubbles • Files and people in one place • Search across conversations, files, and contacts • A Notion-like editor for email
9
2
104
10,361
Email search should be better. How many times have you wasted time trying to find a specific file or message in your inbox? Search at define is multi modal: * keyword search * semantic search (MiniLM-L12-v2 embeddings) * visual search (CLIP ViT-B/32) * federated search across all content types
10
1
25
1,684
Drag and drop detail: rotate the ghost while dragging. Moving right → slight clockwise tilt ( 2°) Moving left → slight counter-clockwise tilt (-2°) It feels like you're physically holding a card. The rotation gives spatial feedback without being distracting.
5
22
1,561
Details matter. Our sidebar has two animations: 1. Outer: `flexBasis` animates the width (200ms) 2. Inner: `translateX(-120%)` slides the content (150ms, 75% of outer) This approach makes the UX feel more natural.
2
1
15
1,996
We are building a new email app. ▫️Tabs keep priorities separated and focused ▫️Smart folders organize work automatically ▫️AI agents take action for you A new email app is coming! Try it here: define.app
8
47
3,871
We’ve been bootstrapping for 9 months. Why is it taking us so long to launch? In one word: Craft. We're building: - a web app - an iOS app - a macOS app And also: - The best multimodal search in the industry - Agent infrastructure for on-demand assistance Be the first to try it: define.app
15
121
15,335
define retweeted
Reading emails side by side sounded like a tiny feature... Turns out it's one of those rare things that feels unnecessary, until you use it. You move through conversations faster, keep context clear, and reply with far less back-and-forth between tabs.
1
2
115
10,657
define retweeted
Keep things intuitive: Peekaboo sidebar, inspired by Arc browser When the sidebar is hidden, move your cursor within 40px of the left edge. The sidebar peeks in. Move away, it disappears. This is using a `mousemove` listener tracking `mouseX`.
1
3
81
7,256
define retweeted
Small UX detail: Peekaboo your emails 👻 Sometimes you only need a quick glance before marking an email as read. Instead of opening the full message, just hover, preview it, and click Mark as read. Surprisingly useful. Try it here: demo.define.app
2
68
5,056
define retweeted
Stop copying your @motiondotdev spring configs between components. _define_ them once: • `springSmooth`: stiffness 300, damping 30 • `springSortable`: stiffness 500, damping 30 • `springSend`: stiffness 280, damping 28 You just need one file. Every animation references it.
1
2
90
6,387
define retweeted
Clicks should never accidentally become drags Set an activation distance on your pointer sensor. We use 8px. The pointer must travel at least 8 pixels before a drag starts. Tiny safeguard, huge difference in feel.
4
5
184
11,652
define retweeted
Smooth UX detail that AI agents can't do (yet) When the active tab is at the scroll edge, we detect which side it touches and change its shape.
11
17
365
24,927
define retweeted
Use masks for your scrollable areas Use the CSS at-rule `@property` to register stops as animatable values. The browser treats your custom property as a `percentage`, so the mask edges transition smoothly. Result: scroll lists that fade at the edges, revealing content underneath. No JavaScript needed.
8
37
891
49,982