Skip to content

Code-Leafy/NetLeafy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

30 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

NetLeafy
Typing animation

Live Demo License Telegram GitHub


A clean, fast, browser-based tool for generating VLESS XHTTP configs.
Built specifically for Netlify routing. No install. No setup. Open it and go.


NetLeafy App Preview


🌐 Live App

Works on any device β€” desktop, mobile. 100% client-side, no installation required.


πŸ“š Quick Start Guides

Need help getting started? We've prepared detailed, step-by-step tutorials on our Telegram channel to walk you through everything. Click below to read:

How to Connect Get Netlify Domain Setup Custom Server


✨ Features

  • ⚑ Instant Config Generation β€” Paste your SNIs and IPs, pick a server, and generate hundreds of VLESS configs in milliseconds.
  • πŸ”€ Two Generation Modes β€” IP + SNI or Direct SNI.
  • 🩺 Live Domain Health Checker β€” Validates your Netlify domain via API before generation, complete with green/red pulse animations.
  • ✏️ XHTTP Parameter Editor β€” Modify existing VLESS configs in bulk: edit padding bytes, obfs mode, custom headers, and chunk sizes.
  • πŸ–₯️ 20+ Community Servers β€” Pre-loaded, community-donated servers with live Green (Working) and Red (Down) visual pulse indicators.
  • πŸ“‹ Copy / Download / Import β€” One-click copy, .txt download, or send generated configs directly to the built-in XHTTP editor.
  • πŸ“± Fully Responsive β€” Slide-out sidebar, mobile topbar, and smooth layout transitions for modern phones.
  • 🎨 Polished UI β€” Smooth animations, grid background, teal glow, and particle burst effects on successful actions.

πŸ› οΈ Tools Inside

1 Β· Config Generator

The main tool. Fill in your details and generate ready-to-import VLESS XHTTP configs.

Field Description
Netlify Domain Your CDN host used in the host parameter. Validated live with the built-in checker.
SNI List One SNI per line. These become the TLS server name in each config.
IP List (IP + SNI mode only) Clean IPs, one per line. Each IP is paired with every SNI.
Server Choose from community servers or define your own (name, address, user UUID, path).

Generation Modes:

Mode How it works
🌐 IP + SNI Pairs every IP with every SNI β†’ maximum config count, best for finding clean routes.
πŸ”— Direct SNI Uses the SNI directly as the config address β†’ fewer configs, simpler setup.

Important

⚠️ Note on using the "IP + SNI" Method

To use this method reliably, you will need to buy a plan from shecan.ir/#plans.

πŸ“– For full instructions, head over to: How to connect (Tutorial)

Testing without a plan: For some networks, it might actually work without buying Shecan! To test if your network supports it naturally, use our SNI/IP Scanner.

πŸ’‘ All of our tutorials, updates, and guides are posted on our Telegram Channel. Make sure to join! πŸ‘‰ t.me/CodeLeafy


Output Format Example:

vless://<uuid>@<ip_or_sni>:443?encryption=none&security=tls&sni=<sni>&fp=chrome
  &alpn=h2%2Chttp%2F1.1&insecure=1&allowInsecure=1&type=xhttp&host=<host>
  &path=<path>&mode=auto&extra=<url_encoded_xhttp_params>#🌐 @CodeLeafy | <sni> | <server>

2 Β· XHTTP Editor

Takes existing VLESS configs and safely rewrites the encoded extra parameter inside them. Useful for fine-tuning configs you already have without having to regenerate them from scratch.

Parameter What it does
xPaddingBytes Range of padding bytes added to each packet (e.g. 1-1).
scMaxEachPostBytes Max bytes per POST chunk (e.g. 1000000).
xPaddingObfsMode Enables/disables obfuscation mode (true / false).
xPaddingKey Key used for padding generation (e.g. iran).
xPaddingHeader Header name for padding (e.g. iran).
Custom Headers Inject arbitrary headers via JSON: {"x-host": "http://cdn.example.com:444"}.

Paste your configs β†’ adjust parameters β†’ click Update Configs β†’ copy or download.


3 Β· Community Servers

Pre-loaded servers contributed by the community. Each server features a real-time visual indicator in the UI:

Status Dot Meaning
🟒 Pulsing Green Server is active and accepting connections (status: "working").
πŸ”΄ Pulsing Red Server is currently unreachable or down (status: "down").

You can also use your own server by switching to Custom and supplying:

  • Server Name
  • Address (host + port, e.g., cdn.example.com:444)
  • User UUID
  • Path (e.g., /mypath)

πŸ“€ Output Options

After generating configs, a sleek modal appears providing multiple export routes:

Button Action
Click to see configs Un-blurs the secure output area to let you view the raw configs.
Import to XHTTP Editor Sends the newly generated configs straight into the XHTTP Editor tab.
Copy to Clipboard Copies all configs with a satisfying green particle burst animation ✨.
Download .txt Downloads a timestamped .txt file containing your configs.

πŸ“ Repository Structure

NetLeafy/
β”œβ”€β”€ index.html        # The core app (HTML/CSS/JS all-in-one)
β”œβ”€β”€ favicon.png       # app icon
β”œβ”€β”€ README.md         # This documentation file
└── LICENSE           # MIT License

🀝 Contributing (Adding a Server)

Community servers are the heartbeat of this tool and what keep it so useful for everyone! Do you have a server you'd like to donate or share with the community?

To easily get your server added to the built-in public list, just reach out to me directly on Telegram:


Add Your Server



πŸ“£ Channel & Support

Telegram

Get the latest info on Telegram.


βš–οΈ License

This project is licensed under the MIT License β€” see the LICENSE file for details.

Made with ❀️ by Code-Leafy
Inspired by IR-Netlify

GitHub stars

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages