Tailscale ACL Editor - create, edit, and manage access control lists for Tailscale networks.
| .bolt | ||
| src | ||
| .dockerignore | ||
| .gitignore | ||
| docker-compose.yml | ||
| Dockerfile | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
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.