• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
paulkinlan

paulkinlan

tracey-mctraceface

Do a drawing and see it with Gemini Flash 2.5 image gen
Public
Like
1
tracey-mctraceface
Home
Code
3
backend
1
frontend
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
1
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
8/27/2025
Viewing readonly version of main branch: v3
View latest version
README.md

Trace AI

A creative web application that inverts the concept of tracing. Users draw simple sketches that are transformed by AI into rich, detailed artwork.

Features

  • Responsive Drawing Canvas: Low-latency drawing experience using the Ink API with Pointer Events fallback
  • AI Image Generation: Powered by Google's Gemini 2.5 Flash Image Preview model
  • Modern File Saving: Uses File System Access API with traditional download fallback
  • Accessible Design: Full keyboard navigation and WCAG AA compliance

Project Structure

├── backend/
│   └── index.ts             # Main API endpoint with Gemini integration
├── frontend/
│   ├── index.html           # Main HTML template
│   ├── app.js              # Main application logic
│   ├── components/
│   │   ├── drawing-canvas.js # Drawing canvas Web Component
│   │   └── control-panel.js  # Control panel Web Component
│   └── style.css           # Custom styles
└── README.md

Setup

  1. Set the GEMINI_API_KEY environment variable in Val Town
  2. The application will be available at the HTTP endpoint

Technical Details

  • Frontend: Vanilla JavaScript with Web Components, Tailwind CSS
  • Backend: Deno runtime on Val Town with Hono framework
  • AI Model: Google Gemini 2.5 Flash Image Preview
  • Canvas: HTML5 Canvas with optimized 2D context for low latency
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2026 Val Town, Inc.