Superfun Draw

Make magical coloring books in minutes.

Superfun Draw preview

Inspiration

Growing up with a kindergarten teacher for a mom, I know a thing or two about keeping kids busy and engaged. It's probably why we run a https://superfun.games. It's probably also why I watch so many cartoons, but that's another story.

App and iPads are cool, but we miss the days or markers and paper. So we made Superfun Draw, a quick and easy way to crank out custom coloring sheets your kids will love.

What it does

Superfun Draw makes custom coloring books and activity sheets in a snap.

  • πŸ–οΈ Multi-Page Stories - Generate adventures with consistent stories and visual characters
  • πŸ“Έ Photo References - Upload pics to include kids, pets, toys, or family in the stories
  • ⚑ StorySpark - AI enhances your prompts and ideas for way better results
  • πŸ’΅ Micro Pricing - $5 gets you multiple coloring books, cheaper than buying them
  • πŸ“± Works Everywhere - Design on your phone, print from anywhere

How we built it

  • Frontend: Vanilla JS + Tailwind (surprisingly powerful)
  • Backend: Netlify Functions + Neon PostgreSQL (Netlify DB), Mailjet API
  • AI Juggling: Multiple AI endpoints, from prompts to image generation to image refinement
  • Payments: Custom token system, running on Stripe payments
  • Auth: Email magic links (passwordless ftw)

Challenges we ran into

  • Reference Images - Most agents swore it wasn't possible to submit images to the API from a flat serverless app. Claude 4 Sonnet in Claude Code was able to figure it out.
  • Keeping Characters Consistent -Making the same cat appear across 12 pages = harder than expected. Reference images were a big part of getting it working.
  • Webhook Drama - Payments worked but tokens weren't crediting. Missing env var. Classic.

Accomplishments that we're proud of

  • Shipped in weeks - From idea to working app and marketing site
  • No frameworks needed - Vanilla JS doing heavy lifting
  • Made for teachers and parents - Who can't use more kid-friendly activities?
  • Multi-endpoint system - Intelligently route between different APIs
  • Free coloring books, ready to download, even if you don't sign up

What's next for Superfun Draw

  • πŸ“š Templates - Easy starting points for custom coloring books
  • πŸ“… Subscriptions - New sheets delivered weekly
  • 🌍 Multi-language - Same story in different languages
  • πŸ€– Style Transfer - "Make it look like manga/disney/watercolor"

Netlify Deploy Challenge

This build is maxed out on Netlify features. Here's just a few:

  • App uses serverless Netlify functions for API calls (while keep keys secure)
  • User auth system built completely from scratch with Netlify DB
  • Magic link password-less login emails, sent with Mailjet API with a Netlify function
  • Running Netlify Analytics to track visitors and performance
  • Netlify DNS is running the domains (marketing site and app)
  • Deployments via Netlify CLI and the official Bolt integration

Built With

  • bolt
  • claude
  • cursor
  • netlify
  • serverless
  • static
  • tailwind
Share this project:

Updates