Crosshair Generator

Generate and customize VALORANT crosshair codes and CS2 console commands. Load pro player presets and adjust size, gap, thickness, and colors with a live game backdrop preview.

👁️ Live Crosshair Preview
Backdrop:
⭐ Pro Player Presets
VALORANT
Counter-Strike 2
General Settings
Inner Lines
Outer Lines
Import / Export Code
ℹ️ How to import: Copy the code above, open settings in your game client, navigate to the Crosshair tab, and click the Import Code button.
🔒 Processes locally in your browser — no files, code, or text are uploaded to our server.

Interactive Crosshair Builder for VALORANT & Counter-Strike 2

The VALORANT & CS2 Crosshair Generator is a free, interactive client-side design tool that allows you to visually build, customize, and test crosshair reticles for popular tactical shooters. Whether you want to replicate your favorite pro player’s settings or craft a unique reticle for headshot precision, our tool runs locally in your browser.

This builder provides dual interfaces:

  • VALORANT Configuration: Tune inner/outer lines, outlines, and center dot settings to export standard profile codes.
  • Counter-Strike 2 Configuration: Tune size, thickness, gap, and color options to export copyable console commands.

Key Features & Visual Backdrops

  1. Interactive Game Backdrops:
    • Test your crosshair visibility against representative shooter environments like green screens, desert walls (Dust II style), night shadows (Mirage style), or bright skies.
  2. Pro Player Presets:
    • Instantly load settings used by top professional players (including TenZ, shroud, s1mple, and ZywOo) as a foundation for your custom layout.
  3. Bidirectional Coding Engine:
    • Paste a code or console command block to parse and load it instantly into the sliders, or drag the sliders to generate a copyable export string.
  4. Mobile Responsive Sliders:
    • Optimize your crosshair on the go. The control layout stacks cleanly on smaller screens with large, mobile-friendly tap targets.

How to Import Your Crosshair

Importing into VALORANT

  1. Copy the generated profile code from this tool (e.g., 0;P;c;5;o;1;d;1;z;1;0b;0;1b;0).
  2. Launch VALORANT and open the Settings menu.
  3. Navigate to the Crosshair tab.
  4. Click the Import Profile Code button (represented by a downward-pointing arrow next to the profile dropdown).
  5. Paste the copied code into the text field and click Import.

Importing into Counter-Strike 2 (CS2)

  1. Copy the console command string generated by this tool (e.g., cl_crosshairsize 2; cl_crosshairthickness 1; ...).
  2. Launch CS2 and ensure the Developer Console is enabled in game settings.
  3. Press the tilde key (~) to open the console in-game.
  4. Paste the copied commands into the command input field and press Enter.

Frequently Asked Questions (FAQ)

Does this tool send my crosshair settings to a server?

No. The crosshair generator runs entirely client-side using JavaScript in your web browser. No settings, strings, or custom codes are transmitted, uploaded, or logged on our servers.

Why is my VALORANT import code failing?

Ensure that you copied the full string starting with 0;P; and that there are no leading or trailing spaces. Extra characters or missing semicolons will cause the game client to reject the profile.

How do I use a custom color (HEX/RGB) in-game?

  • VALORANT: In the game’s crosshair menu, select “Custom” from the color dropdown and paste your 6-digit hex code.
  • CS2: Custom colors use console commands cl_crosshaircolor 5 followed by specific red, green, and blue values (e.g., cl_crosshaircolor_r 255; cl_crosshaircolor_g 0; cl_crosshaircolor_b 255;). The generator handles this translation automatically.

What is the difference between inner and outer lines?

Inner lines form the primary reticle cross, while outer lines are an optional secondary bounding layer. Most competitive players disable outer lines (1b;0) and keep inner lines static to avoid visual clutter during high-intensity firefights.