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
Grimoire- The Haunted Library
Created a landing page with parallax scroll animation in Google Stitch using Gemini. Created for the google stitch challenge.
Grimoire is a haunted book reading app that features spooky ghost stories.
Explained the idea and created code in Gemini, pasted the code on to stitch and the developed further using AI prompts in Stitch.
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
Related posts
Found Type - A living alphabet, found in the wild
Found Type is a collaborative web app where people photograph letters of the alphabet found in the real world - on walls, signs, buildings, packaging, pavements - and together build a living typeface made entirely by the world.
The premise is simple: letters are everywhere. Every one of them is a design decision made by someone, somewhere. Found Type turns that into a collective archive.
Try it here: https://slogan-noise-47844386.figma.site/
✨ The experience
- A pannable, zoomable canvas of every submitted letter - alive and growing in real time
- Browse the full alphabet: each letter a mosaic of real-world finds from around the world
- Type any word and see it spelled out in found letters
- Submit your own: photograph, crop, tag, and your letter is live in seconds
⭐ What makes it different:
No accounts. No friction. One flow, one purpose. The more people contribute, the more beautiful it becomes.
📍 How it was built:
- The entire front-end was built in Figma Make, prompt by prompt, iterated screen by screen.
- The submission flow uses the Anthropic Vision API to validate every photo: confirming it shows a real letter, checking the tag matches, and generating a plain-English description stored in Supabase for moderation - meaning the collection stays clean without user accounts or manual review of every submission.
- Image processing happens entirely client-side via the Browser Canvas API: crop, resize to 800×800, compress - before anything reaches Supabase storage.
🛠️ Tools used
- Figma Make - full front-end
- Anthropic Vision API - AI validation + moderation
- Supabase - real-time database and image storage
- Browser Canvas API - client-side image processing
🔮 What's next
- A downloadable font made entirely from submitted photos.
- Filters by country, colour, style.
- A printed poster of the full collection.
- Contributor profiles.
This is fire!
I’ve created a Local Secret project to share local places with everybody else, hidden jams that you can find only in there.
I used Claude to brainstorm ideas, prompts, tools to use before jumping into Figma. And I used free plan for it.
After above, I’ve prepared 9 prompts that should give me the final result in #Figmamake but in reality it took me 72 prompts and almost 13,000 tokens for AI.
I’ve also connected Supabase for backend memory and Github for saving the code. It’s incredible what you can do!
With next iteration, I’ll fix the uploading of photos, however your secrets can be already shared with everybody.
Link is here
for limited time while this competition is on 🫶 #ConfigMakeathon and @figma
also you can check the file how it was created 😜 https://www.figma.com/make/31kRzc6pePdxdoTaRi0OdS/Local-Secret?t=X8Zuoi6Gh7Pvn8t4-1
I wanted to share in community but because it’s connected to Supabase, it’s not possible, so just a link for you to the file.
you can also find my app for freelancers on App Store called stePlan 🤘 Thank you for being an awesome community!
The simplicity here is what makes it powerful. Clean work.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?