Tailscale ACL Editor - a specialized web application that helps users create, edit, and manage access control lists for Tailscale networks.

Here's what it includes: Core Functionality

Rule-based ACL Editor: Create and manage ACL rules with sources, destinations, and protocols
JSON Import/Export: Import existing ACL configurations and export your changes
Real-time Preview: See the JSON representation of your ACL rules as you build them

Technical Features

Source & Destination Selectors: Specialized components for defining network sources and destinations
Protocol Selection: Support for various network protocols (TCP, UDP, ICMP, etc.)
Validation: Comprehensive validation for IP addresses, CIDR notation, ports, and other values
Responsive UI: Clean, dark-themed interface that resembles Tailscale's design language

Implementation Details

Modern Stack: Built with React, TypeScript, and Vite for a fast development experience
Tailwind CSS: Styled with Tailwind for consistent, responsive design
Specialized Validation: Uses libraries like ip-address and is-cidr for accurate network validation
Containerized: Docker configuration for easy deployment and distribution
Type Safety: Comprehensive TypeScript definitions for ACL structures

The application provides a user-friendly interface for what would otherwise be a complex JSON editing task, making it easier for network administrators to define and maintain their Tailscale network access policies.