Pro CIDR Calculator & Visualizer

A lightning-fast, zero-dependency Single Page Application (SPA) for calculating and visualizing IPv4 CIDR blocks.

Live App: sanspace.in/cidr

Features

• Reverse & Forward Lookups: Type a CIDR prefix (e.g., /24) or the number of IPs you need (e.g., 500), and the calculator instantly adapts.
• Subnet Breakdown: Intelligently groups large IP ranges into /16 or /24 blocks to prevent browser freezing, while listing individual IPs for smaller subnets.
• Binary Visualizer: Real-time 32-bit visual representation showing the split between Network bits and Host bits.
• Quick Reference: An interactive cheat sheet for common CIDR sizes (/8 to /32).

Tech Stack

• HTML5
• CSS3 (CSS Variables, Flexbox, Grid, Glassmorphism UI)
• Vanilla JavaScript (Bitwise operations)

Deployment

This project requires no build tools or package managers. It is a single index.html file designed to be hosted statically on GitHub Pages or any standard web server.

1. Clone the repo.
2. Open index.html in any modern browser.
3. Done.