mori — now on mobile.
You've seen the desk version. The parallax, the adaptive cursor, the smooth scroll — all built for someone sitting in front of a screen. But here's the truth: the people who order from mori aren't sitting at desks.
They're on their phones. So I built the mobile version like it's a different product — because it is.
A quick walkthrough of what's different when mori lives in your hand 👆
→ The adaptive cursor vanishes on touch — your finger is the cursor → The bouquet mini-game stacks vertically: canvas on top, tray below, with touch-optimized scale, rotate, and layer controls → Catalog filters slide horizontally — no wrapping into a messy pile → Petal AI chat makes room for the keyboard instead of hiding behind it → The header tucks away on scroll, slides back with frosted glass when you scroll up → Order form color swatches you tap, not click — tap, tap, tap, paste, send → The preloader still plays on first visit, even on mobile
Same calm, crafted design. Now built for the screen you're holding.
🔗 https://moricreate.base44.app
1
3
273
mori — Made by Hand. Meant for Someone.
There's a moment every small business owner knows: you make something beautiful, you post it on Facebook, and it disappears into the algorithm within hours. Your best work is buried in an album no one scrolls through. Your customers can't browse. They can't compare. They message you at midnight asking "how much for the white one?" and you type the same answers over and over.
mori is a solo flower maker in Guiguinto, Bulacan, Philippines. She crafts satin, fuzzy wire, crochet, and money bouquets — each one made to order, each one unique. Her Facebook page had photos. No catalog. No system. No way to show the full range of what she can do.
I built her a website. Zero hand-written code.
THE BUILD
Powered by Base44, the site is a fully designed, mobile-responsive experience built for a real business. Not a prototype. Not a mockup.
→ Live Catalog — Every past piece is photographed, categorized by material (satin, fuzzy wire, crochet, money, other creations), and filterable. Visitors browse the full portfolio. Each piece links directly to the order form pre-filled with its reference.
→ Bouquet Mini-Game — An interactive canvas where users drag floral pieces from a categorized tray, arrange them, layer them, scale and rotate, undo, clear, and download their creation as an image. It's a creative tool and a portfolio piece in one.
→ Order Form Modal — Captures every detail: piece reference or custom description, reference links, name, flower color (via color swatches), wrapper color, delivery or pickup options, address (conditionally revealed), and timing. The form generates a formatted summary, copies it to clipboard, and directs the visitor to Messenger to paste it as their first message. Meanwhile, the inquiry is saved to a database and triggers an automated email alert to the maker — with rush orders flagged.
→ Petal AI Assistant — A Base44 agent living in a chat widget. She answers questions about pricing, ordering, delivery, and timing in a warm, lowercase voice. She has persistent conversation memory, reads the catalog entity in real-time, and redirects order requests to the proper flow. She never quotes exact prices or commits on behalf of the maker — by design.
→ Custom Adaptive Cursor — A 12px dot that samples the background color beneath it in real-time and switches between ivory and charcoal for readability. Over interactive elements, it expands to 40px and shows contextual labels: "view" over catalog items, "visit" over external links, "home" over the logo. It hides fixed transparent elements (like the header) during color sampling so it reads the actual background. On touch devices, it's completely hidden.
→ Image Cycler — Category cards auto-cycle through multiple photos with crossfade transitions. On desktop, cycling speeds up on hover. On touch devices, it auto-cycles at the fast pace automatically — because hover doesn't exist on mobile, and every visitor should see the full range.
→ Scroll-Triggered Animations — Reveal transitions, parallax effects, a giant footer wordmark that masks in from below. Powered by GSAP ScrollTrigger synced with Lenis smooth scrolling.
→ Design Details — A film grain overlay across the entire site. A one-time preloader that animates the brand name on first visit. A custom design system using Fraunces italic serif for headings and the logo, Instrument Sans for body text, and a four-tone palette: charcoal, ivory, mocha, and mocha-light. Every radius, spacing, and transition tuned to feel calm and crafted.
→ Mobile-First Everything — Mobile menu overlay, horizontally scrollable catalog filters, keyboard-aware chat panel that resizes when the mobile keyboard opens, touch-optimized mini-game controls, and responsive layouts throughout.
The automation: every inquiry triggers a database record + an email alert to the maker with the full order details, timestamped in Philippine time, with rush orders flagged. Plus Petal, the AI agent, handles FAQs 24/7 so the maker doesn't answer the same questions repeatedly.
The code was generated. The automation was generated. The assets were generated. The vision was human.
This is vibecoding at its best — not AI replacing craft, but a builder directing AI with enough clarity that the machine can build what a real business actually needs.
The business is real. The catalog is real. The flowers are real.
That's the glow-up.
🔗 https://moricreate.base44.app
(https://moricreate.base44.app)✖️ https://x.com/blaumitz/status/2076556047943455125
(https://x.com/blaumitz/status/2076556047943455125?s=20)📸 https://www.instagram.com/reel/DauSJEtBGsf
(https://www.instagram.com/reel/DauSJEtBGsf/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==)🛜 https://www.linkedin.com/posts/boomtumbali_giveitaglow-base44-vibecoding-ugcPost-7482321838463791104-4RxK (https://www.linkedin.com/posts/boomtumbali_giveitaglow-base44-vibecoding-ugcPost-7482321838463791104-4RxK/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAFmsYtUBrFCUQaGB3kuxalRpvyHTCHLCYVI)
1
7
367
cocourier — one mascot, every mile
Coco is the mascot and entire workforce of cocourier, an all-around delivery brand covering land, sea, air, and space. Every Coco shares the same soft cream body, a single antenna that never stops broadcasting, and a calm, unbothered smile, the only thing that changes is the gear. Coco is warm, steady, and impossible to rattle: whether the delivery is across town or across a star system, there's a Coco already on the way. Strip away the cap, the goggles, or the dome helmet, and it's always the same Coco underneath, proof, not promise. If it can be imagined, it can be delivered.
Built entirely in Recraft Studio: https://www.recraft.ai/project/f5af4e34-027d-437f-9ae1-bcb3daa05e85
Meet the Coco Kins. cocourier doesn't put one hero in a costume, it dispatches whichever Coco fits the job. Land Kin runs the flagship route, cap and vest, kraft box in hand. Sea Kin works the docks in a rain hood and poncho. Sky Kin flies parachute drops in aviator goggles. Space Kin seals into a dome helmet for zero-gravity cargo. Ops Kin runs dispatch from HQ, headset on, scanner in hand. Five roles, one identity, the turnaround sheet below shows why: strip any Kin down to its base layer and the same character is standing there every time.
Attached: the 28-second world reveal, the full brand reference sheet (logo system, palette, turnaround, and the complete Coco Kins family), a collage of every Kin's 4-view turnaround side by side, and a collage of every Kin in its own environment — street, dock, sky, orbit, and HQ.
Coco's world doesn't stop at delivery — see how it extends into collectibles, toys, merch, and stickers in the comments.
3
8
410
LOCI — Body, Decoded.
There's a moment everyone has had: something hurts, you open a search engine, and realize you don't have the words for it. You can feel it — you just can't name it. WebMD asks you to pick from a dropdown of conditions. You can't pick from a list if you don't know where to start.
LOCI bridges that gap.
Tap a rotatable 3D body model exactly where it hurts. Describe it in plain language. Get educational context back — what's in that area, what might be causing it, and the medical vocabulary that lets you go further. No pre-listed diagnoses. No clinical framing. Just: point, describe, understand.
THE BUILD
Built entirely through Figma's suite — but not "just AI." The vision, the 26 anatomical zones, the 3D model design, the calibration system, the visual identity — all came from a clear human direction, executed precisely through AI tools.
The workflow:
→ Pre-build ideation with Claude — before touching Figma Make. Spent days deciding every detail: 26 regions, 3D aesthetic, AI model, backend. The first Make prompt had to be right.
→ 3D body models (male + female) generated in Figma Weave from orthographic reference views. No third-party models, no copyright, no explicit anatomy.
→ 26 anatomical region illustrations as parallel batch pipelines in Figma Weave — hours of serial work ran as minutes of parallel generation.
→ Full structural build in Figma Make — 22 prompts, ~2,000 credits. Three.js scene, raycasting, Supabase backend, Groq LLaMA.
→ Frame-by-frame manual polish in Figma Design before each Make polish phase.
→ After credits — direct codebase editing with Claude. Copy file → get code → paste → real-time preview. Zero credits. Calibration, Android scroll fix, glassmorphism header — all built this way.
→ Figma Design Agent for auditing inside Figma Design. Radius, spacing, weights, color system — caught what manual review misses.
🔗 https://loci.figma.site/
📁 https://www.figma.com/community/file/1649682881678270712/loci-body-decoded-3d-anatomy-education-app
(https://www.figma.com/community/file/1649682881678270712/loci-body-decoded-3d-anatomy-education-app)✖️ https://x.com/blaumitz/status/2067856317021356065
(https://x.com/blaumitz/status/2067856317021356065?s=20)📸 https://www.instagram.com/reel/DZwewpzh5A_
(https://www.instagram.com/reel/DZwewpzh5A_/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==)🛜 https://www.linkedin.com/posts/boomtumbali_configmakeathon-figmamake-figmaweave-ugcPost-7473624399745679361-vfrg
(https://www.linkedin.com/posts/boomtumbali_configmakeathon-figmamake-figmaweave-ugcPost-7473624399745679361-vfrg)#ConfigMakeathon #FigmaMake #FigmaWeave #FigmaDesignAgent #HealthTech #Vibecoding #BodyDecoded
3
565
the day is june 19.
this is me.
that day was the config deadline.
eight hours left.
no voiceover script yet.
no submission video yet.
then the initial idea fell apart. ai reading pictures? didn't work.
turns out ai can't read or see 3D models when doing mapping. (as per not-lying opus.)
so here's me, manually mapping ~600+ points across two models.
EIGHT HOURS LEFT. 😅
and can't submit it half-baked.
first makeathon.
been refining this entry for weeks.
oh, and that day was also my birthday.
glad i made it.
what an experience.
check the full story here:
https://on.contra.com/qLdC9R
(https://on.contra.com/qLdC9R)live demo:
loci.figma.site
(http://loci.figma.site)right-click if pc, long-press if mobile. you'll see the 600+ points.
1
4
416
Built an AI virtual try-on pipeline on @ElevenLabs ElevenCreative that turns two photos into a professional fashion image and an animated video with a matching soundtrack — fully automatically.
The Flow chains three LLM analyzers that read the outfit style and user body proportions, then intelligently decide the pose, background, lighting, movement style, and music genre for every unique run. Streetwear gets an urban backdrop and lo-fi hip-hop. A formal gown gets a studio setting and orchestral strings. No hardcoded prompts anywhere in the pipeline.
Powered by Nano Banana 2, Kling 3.0, and ElevenLabs Music.
Try it here → https://elevenlabs.io/app/templates/Lz30jvLq9492RDREh9zd
#ElevenCreative
3
4
532
roninfographic (ronin network ecosystem infographic)
aug 2024 - sep 2024
this art contest entry is trying to be informative by metrics and by graphics with balance and i am happy that i executed it well and grateful that it won first place, the idea is to fit the theme of arcade games to represent ronin network as a gaming-dedicated blockchain, and playing with 3D bar graphs while also integrating the ecosystem or the community being built with the network using their character or anything that represents them.
🔗
https://x.com/blaumitz/status/1835461599194423432
(https://x.com/blaumitz/status/1835461599194423432)✨
https://x.com/Jihoz_Axie/status/1840792589223837811
(https://x.com/Jihoz_Axie/status/1840792589223837811)🥇
https://x.com/AxieArtGallery/status/1840782772127912359
2
265
the lunacian flag
apr 2023 - jun 2023
this is the first community governance proposal in axie infinity’s history, the flag designers were community-voted – and i was chosen, three months of relentless iteration followed: refining the banner to unite lunacians (the people of lunacia, a place in axie infinity universe), guided by feedback from the art director/co-founder, flag committees, and the community itself, every detail was voted on until we forged exactly what lunacia deserved, super grateful to be part of this history and to have immortalized my art on-chain forever #NamGloriaLunacia
🔗
https://x.com/blaumitz/status/1663739982698237955
(https://x.com/blaumitz/status/1663739982698237955)🗳️
https://x.com/blaumitz/status/1659053938711117826
(https://x.com/blaumitz/status/1659053938711117826)🌟
https://blog.axieinfinity.com/p/contributor-applications-are-open
2
264
digital nation rises summerlovin'
aug 2022 - sep 2022
a graphic entry i made for axie infinity summer lovin' artisan contest, made it first out of 1000+ submissions, proud of this work because i successfully executed what i thought was needed – like community empowerment and recognition, the digital nation being built – euphoric because deekay noticed my work and the life-changing prize i earned!~ freaking #SalamatAxie
🔗
https://x.com/blaumitz/status/1561584280350117888
(https://x.com/blaumitz/status/1561584280350117888)✨
https://x.com/Jihoz_Axie/status/1561938256110833665
(https://x.com/Jihoz_Axie/status/1561938256110833665)https://x.com/deekaymotion/status/1564943267698974722
(https://x.com/deekaymotion/status/1564943267698974722)🥇
https://blog.axieinfinity.com/p/summer-lovin-artisan-contest-winners
2
257
axie infinity ecosystem infographic
oct 2021 - nov 2021
this is the work that debuted my identity in the axie infinity community, back then, i was just a freshly recruited axie scholar (the vehicle that brought me to crypto) who stumbled upon a contest announcement tweet by Jihoz (one of the founders!), what i freaking knew? 10 AXS was the prize and i remembered each AXS was worth ~₱5,000 (~$100), x10 that? a freaking fortune for mah small family in a developing country... all for an infographic – something deeply within my passion to create, so i joined, never expecting it to blow up, the winning idea? reshape the axie infinity logo into a collage of its community, and when it dropped? everyone wanted to be inside that symbol (so freaking nostalgic and euphoric, man), that’s where blaumitz was born, gg! #SalamatAxie
🔗
https://x.com/blaumitz/status/1448311085862326274
(https://x.com/blaumitz/status/1448311085862326274)✨
https://x.com/AxieInfinity/status/1449454426222071814
(https://x.com/AxieInfinity/status/1449454426222071814)https://x.com/Jihoz_Axie/status/1449452245339152384
(https://x.com/Jihoz_Axie/status/1449452245339152384)♾️
https://x.com/hntr_w3/status/1883906979804090375
2
154