The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Open When ♡ is my Replit Buildathon entry. Sealed letters for the moments you can't be there.
The old tradition of "open when" envelopes, rebuilt as a tiny web app. You write letters for someone you love, seal each one with wax, and send a single link. They open each envelope only when its moment actually arrives.
What's inside:
A letter builder with preset moments (open when you miss me, open when you can't sleep) plus any moment you invent
A cute pic step, taken right in the browser inside a heart shaped frame
Wax seals in six colors that crack apart when a letter is finally opened
An honor system pause before every reveal, asking if the moment is real
Read receipts for the sender, you see the exact minute each seal broke
A hand drawn heart, blushing gradients, and a full keepsake stationery design system
Zero setup for remixing, no accounts, no API keys, Replit's built-in database with a SQLite fallback
It works for couples, long distance friendships, a parent writing ahead for a kid's big days, or a time capsule to your future self.
Try the demo bundle, one seal is already cracked so you can see both states
openwhen--thekhushaldewra.replit.app/to/demo
Write your own in five minutes
openwhen--thekhushaldewra.replit.app
Built on one belief: the best time to say something isn't always now.
#ReplitBuildathon
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
I’m creating an eSports Charity Event type graphics package for the Broadcast Challenge. Here’s a bit of a work in progress!
DREAM-O — The global registry of dreams.
I almost never remember my dreams. I wanted an app that would tell me what I dreamed last night — and the moment I imagined it working, I knew what the company behind it would actually be. So I built that company instead.
A pillow unit records every session. Twelve minutes after you wake, the company issues a record. It never explains how.
What you're allowed to see of your own dream depends on which plan you pay for. ORIGIN opens one scene a month. The rest stay in custody — described in full, never opened. Their time, their length, their size, their state. Everything except what happened. After fourteen days they're destroyed. Not for the company. For you. And the company doesn't say destroyed. It says released.
Every screen is written in that voice: procedural, patient, institutional. The product never winks. Nothing on any sheet tells you this is wrong — you work that out yourself, somewhere around the retention page.
One prompt in Flowstep produced six screens. From there it was iteration — prompt, look, correct, look again. Text overflowing, blocks colliding, things that looked fine until I zoomed in. Every screen sits on a percentage grid with four x-values and a single hairline spine at 68.4% height. No border radius, no shadows, no serifs, no accent colour anywhere in the system.
Then I connected Claude Code to Flowstep's MCP server, handed it my design guide, and asked it to audit all fourteen screens against it, one by one. A second prompt to fix what the audit found. It worked inside the Flowstep file over MCP. I went off to cook.
I came back and it was ready — I just wired a few links by hand, three clicks each. Fourteen screens for twelve sheets — the record sheet exists three times, one per plan. A path you can walk end to end.
Prototype: https://app.flowstep.ai/file?activeFileId=0a82e6e8-edfa-4dfb-ace8-dfb2e8122859
Social: https://x.com/JosIgnacio17989/status/2083406318304481732
Built with Flowstep · Claude Code over MCP
@flowstep_ai #FlowstepChallenge
Love this
Kairopi provides a judgment-free space for internationally trained nurses to practice shift handovers and critical clinical updates.
The Build Workflow:
Flowstep Prompt Design: Rapidly generated full end-to-end user journeys from hero section to rehearsal studio.
Design System: Controlled via a custom system.md file for consistent styling, typography, and interactive states.
Visuals & Motion: Enhanced with custom LottieFiles motion assets (Animations by Gabby Riches and Abdul Latif).
Social post - X
Probably my favourite walkthrough from the challenge. Loved how you demonstrated the design guidelines too. 👏