Bloom Cards

What this app does

Bloom Cards lets users create and send personalized digital birthday cards in minutes. Instead of buying a generic card or writing a lengthy email, users compile a curated experience: a custom-designed card with photos, a song that plays on open, personal messages from friends, and a theme that matches the celebrant's vibe. The recipient opens a polished, animated card that feels handmade.

Screens and user flow

The app opens on the ComposeScreen, which is the creative hub. Here, users enter the recipient's name and birthday date, write a personal message, and pick a visual theme from options like Electric, Ocean, Sunset, and Pastel. Each theme applies a distinct color gradient and decorative backdrop to the card preview, which updates in real time below the form. Users see exactly what they're building as they work.

The Tab Bar at the bottom lets users jump between four creation modes. Selecting the Photos tab takes them to PhotosScreen, where a grid of memory photos waits. Users tap to select multiple photos—a checkmark and subtle overlay confirm each choice. These selected photos appear in a horizontal carousel on the card preview, slightly tilted for a handmade feel. There's also a placeholder for importing from the camera roll, though the example uses a pre-loaded gallery.

The Music tab opens MusicScreen, showing a list of pre-curated songs with cover art and artist info. Tapping a song toggles it as selected; a play/pause icon and color highlight show the active choice. When a song is selected, a "Now Playing" badge appears on the card preview. A Spotify connect button sits at the bottom, inviting deeper integration.

Who it's for

Startup founders can use this as a working prototype to validate a birthday card MVP with real users. Product managers and designers can share it with stakeholders to demo the interaction flow and visual language—no wireframes needed. React Native teams can fork the code as a scaffold for a new social or gifting app, keeping the tab navigation pattern and component structure. Agencies can show clients a polished, tappable example of what a custom mobile experience looks like before committing to development.

Built with RNBlocks

The entire app—all five screens, tab navigation, animations, and design system—was generated from a single text prompt describing the birthday card concept. Remix this flow to make it yours: swap the content types, change the theme options, or adapt it for anniversaries, graduations, or any milestone worth celebrating.