Web DevelopmentLive
CS2 Crosshair Generator
A small project that'll let people create custom crosshairs for CS2 in their browser.
Client
Personal Project
Year
2025
Duration
3 weeks
Category
Web Development
Project Overview
A small web app that allows Counter Strike players to create and customize their crosshairs for Counter Strike 2. The app features a real-time preview, import/export functionality, and a library of pro player crosshairs. Built with React and TypeScript, the app is optimized for performance and usability.
Technologies
ReactTypeScriptCS2 APITailwindCSS
Key Features
- 1Crosshair Visualization: Live preview as you create the crosshair
- 2Custom Controls: Adjust the colour, size, and shape of the crosshair
- 3Code Parsing: Import and parse the crosshair code that CS2 gives you so you can quickly recreate/modify it
- 4Preset Selection: Build off of some premade presets
- 5Mobile responsive design: Works well on both desktop and mobile devices
Visual Showcase
Main application interface
Click to view full size
Advanced customization options
Click to view full size
Professional player crosshair library
Click to view full size
Responsive mobile design
Click to view full size