FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
netrist
netristskib
Public
Like
skib
Home
Code
4
backend
2
frontend
1
shared
2
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
Code
/
Search
README.md

UltraViolet Proxy Clone

A modern, minimalistic web proxy built with enhanced capabilities for complex websites like YouTube and TikTok.

Features

  • 🚀 Fast & Reliable - Built on Hono for optimal performance
  • 🎨 Clean UI - Minimalistic design with dark/light theme support
  • 🔒 Enhanced Security - Advanced URL encoding and request handling
  • 📱 Mobile Responsive - Works seamlessly on all devices
  • 🌐 Complex Site Support - Optimized for YouTube, TikTok, and other modern web apps
  • ⚡ Real-time Processing - Dynamic content injection and modification

Architecture

├── backend/
│   ├── index.ts           # Main Hono server
│   ├── proxy/
│   │   ├── handler.ts     # Core proxy logic
│   │   ├── rewriter.ts    # HTML/CSS/JS rewriting
│   │   └── encoder.ts     # URL encoding/decoding
│   └── middleware/
│       ├── cors.ts        # CORS handling
│       └── security.ts    # Security headers
├── frontend/
│   ├── index.html         # Main interface
│   ├── components/
│   │   ├── App.tsx        # Main React app
│   │   ├── ProxyForm.tsx  # URL input form
│   │   └── Settings.tsx   # Configuration panel
│   ├── styles/
│   │   └── main.css       # Custom styles
│   └── utils/
│       └── api.ts         # Frontend API helpers
└── shared/
    ├── types.ts           # Shared TypeScript types
    └── constants.ts       # Shared constants

Usage

  1. Enter any URL in the input field
  2. Click "Browse" or press Enter
  3. Navigate the proxied site with full functionality
  4. Use settings panel for advanced configuration

Technical Details

  • Backend: Hono.js with TypeScript
  • Frontend: React 18 with TypeScript
  • Styling: TailwindCSS with custom components
  • Proxy Engine: Custom implementation with advanced rewriting
  • Storage: SQLite for session management and settings

Development

The proxy automatically handles:

  • URL rewriting and encoding
  • JavaScript injection for enhanced compatibility
  • CSS modification for proper styling
  • CORS and security headers
  • Session persistence
  • Mobile optimization
Code
backendfrontendsharedREADME.md
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.