File Visualizer

Transform your plain documents into stunning, interactive websites

Plain Document
Interactive Website

See What's Possible

Scoping Reviews Guide

Academic guide transformed into an interactive, navigable web page with clear sections and visual hierarchy.

View Example

Personal Resume

Professional portfolio showcasing skills, experience, and achievements in an elegant, interactive format.

View Example

✨ These visualizations were created with a single prompt using File Visualizer! ✨

How to Use

For detailed instructions, check out our introduction website or watch the tutorial video.

Tutorial Video
1

Enter Your API Key

This app is completely free to use, but requires an API key from either Google Gemini (free) or Anthropic Claude.

Important: You'll only be charged by Anthropic for their API usage. Google Gemini API is currently free. Your API key is stored locally and never shared.

How to get an API key?

For Google Gemini (Free):

  1. Visit Google AI Studio
  2. Sign up or log in with your Google account
  3. Click on "Get API key" or go to API keys section
  4. Create a new API key
  5. Copy the key

For Anthropic Claude:

  1. Visit Anthropic Console
  2. Sign up or log in to your account
  3. Navigate to "API Keys" section
  4. Create a new API key (starts with "sk-ant-")
  5. Copy the key (you'll only see it once!)
2

Enter Your Content

Paste your text that you want to transform into a beautiful webpage. You can enter articles, documentation, reports, or any textual content.

The application works best with structured text content like articles, reports, or documentation.

Size limits and token calculation

The application will automatically count the tokens in your content and estimate the input cost.

  • Maximum input: 128K tokens (approx. 100 pages)
  • Cost: Approx. $3 per million input tokens
  • Typical generation: $0.20-$2.00 total
3

Customize Settings

Add custom instructions like "Make it look professional" or "Use a dark theme with gold accents".

Tips for customization

In the "Additional Instructions" box:

  • Request specific visual styles or layouts
  • Add links to images you want included
  • Suggest specific data visualizations
  • If not satisfied with the first result, add more specific requirements and regenerate
4

Generate & Deploy

Click "Generate" and watch as your document is transformed into a beautiful website!

Important: Keep your internet connection stable during this process. Generation takes 5-20 minutes depending on content size.

Deploying your website

Once generated, you can:

  • Download the complete website file
  • Deploy it for free on any of these platforms:
    • GitHub Pages - Free hosting directly from your GitHub repository
    • Netlify Drop - Simply drag and drop your HTML file
    • Surge.sh - Command-line publishing with one command
    • Vercel - Connect to your GitHub repository for automatic updates
  • Share the link with anyone - no coding knowledge required!

AI API Key

Need help? Check our detailed introduction or watch the tutorial video

Your API key is stored locally in your browser and never sent to our servers.

Anthropic Claude API key should start with 'sk-ant'.

Enter Your Text

Additional Instructions (Optional)

Not satisfied with the first result? Add more specific requirements here and regenerate.

Generation Settings

Lower values create more predictable, consistent results. Higher values allow more creativity and variation.

Controls how much content Claude can generate. Higher values allow for more extensive, detailed output.

Allocates how much "thinking" Claude can do before responding. Higher values allow deeper analysis of complex content.

Processing...
Generation may take a few minutes. If using Vercel, the app will automatically reconnect if timeouts occur.