Skip to content

Add text behind image tool website - #1

Draft
NotMe22221 wants to merge 6 commits into
mainfrom
ai_main_1f70e65e9148
Draft

Add text behind image tool website#1
NotMe22221 wants to merge 6 commits into
mainfrom
ai_main_1f70e65e9148

Conversation

@NotMe22221

@NotMe22221 NotMe22221 commented Sep 17, 2025

Copy link
Copy Markdown
Owner

Purpose

User requested creation of a "text behind image tool website" - a web application that allows users to create the classic text-behind-subject visual effect directly in their browser without requiring file uploads to external services.

Code changes

  • Added complete web application structure with HTML, CSS, and JavaScript
  • Created public/index.html - Main interface with controls for image upload, text customization, and mask editing
  • Added public/scripts/app.js - Core functionality including canvas rendering, mask editing, text positioning, and image export
  • Implemented public/styles/app.css - Dark theme styling with responsive design and modern UI components
  • Created server.js - Static file server with proper MIME types and SPA routing support
  • Updated package.json - Added start script to run the server
  • Generated package-lock.json - Locked Node.js type dependencies

The application features:

  • Browser-based image processing with HTML5 Canvas
  • Interactive mask editing for subject outlining
  • Comprehensive text styling controls (font, size, color, positioning)
  • PNG/JPG export functionality
  • Responsive design for mobile and desktop
  • No external dependencies or uploads requiredTo clone this PR locally use the Github CLI with command gh pr checkout 1

🔗 Edit in Builder.io

👀 Preview Link

cgen-79c965d1124147119ca2105300ea3526
cgen-7f62954c447f420fae14a544600d956b
cgen-83be8e1ea9984fccb977f2f661b5fa3c
cgen-97830a06284644a281f6f0f13aeff4e1
cgen-c279adfeaef24a2780671c43ae93b2d4
cgen-62c07154614945eebfc6d98a2733a81a
@builder-io-integration builder-io-integration Bot changed the title Builder.io: Update from Visual Editor Add text behind image tool website Sep 17, 2025
@builder-io-integration

Copy link
Copy Markdown

You can tag me at @builderio-bot for anything you want me to fix or change

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants