Skip to main content

Library Overview

What is Palito? 🤔​

Palito is a diagram library based on ReactFlow that allows intuitive visualization and automatic layout of network topologies. You can easily implement complex network diagrams and manage them in real time.

Demo Video

Why Palito?​

  1. 💡 Automated Visualization: Automatically analyzes and visualizes complex network configurations
  2. 🚀 Easy Integration: Seamlessly integrates into React applications
  3. âš¡ High Performance: Handles large-scale networks smoothly
  4. 🎨 Customizable: Flexible architecture for scalable customization

✨ Key Features​

📈 Auto-generated Graphs​

  • Automatically creates network nodes from CSV data
  • Analyzes relationships and creates edges automatically
  • Fast visualization of large-scale network topologies

🔄 Auto Layout​

  • Automatically positions network nodes
  • Smart edge routing and generation
  • Includes collision-avoidance algorithms

🎯 Easy Interaction​

  • Drag-and-drop interface for intuitive node addition
  • Real-time node data editing
  • Zoom and pan supported

📦 Diverse Components​

  • Custom nodes for various network equipment such as:
    • Routers
    • Switches
    • Firewalls
    • L4/L7 devices
    • Servers
    • Other network devices
  • Zone-based grouping
  • Customizable edge styles

🚀 Get Started​

Step-by-step guide to get started with Palito:

📫 Support​

Need help?