05Collection30 components
Network
Thirty components for running a site network. Devices, links and labels are regular interface. The pixels are traffic, and their density follows the measured rate.
Every component in this collection
npx shadcn@latest add @lumesec/networkOr as one module, for plain HTML
<script type="module" src="https://elements.lumesec.ai/cdn/network.js"></script>Topology
1<ln-topology>
Topology editorln-topologyOpen Topology editorDevices
9<ln-device-list>
Device listln-device-listOpen Device list<ln-device-card>
Device cardln-device-cardOpen Device card<ln-client-list>
Clientsln-client-listOpen Clients<ln-port-panel>
Switch portsln-port-panelOpen Switch ports<ln-link>
Linkln-linkOpen Link<ln-rack>
Rackln-rackOpen Rack<ln-poe>
PoE budgetln-poeOpen PoE budget<ln-adopt>
Adoptionln-adoptOpen Adoption<ln-firmware>
Firmware rolloutln-firmwareOpen Firmware rolloutTraffic
7<ln-throughput>
Throughputln-throughputOpen Throughput<ln-speedtest>
Speed testln-speedtestOpen Speed test<ln-ping>
Ping monitorln-pingOpen Ping monitor<ln-path>
Pathln-pathOpen Path<ln-top-apps>
Top applicationsln-top-appsOpen Top applications<ln-egress>
AI egressln-egressOpen AI egressInternet
3<ln-sites>
Sitesln-sitesOpen SitesSecurity
3<ln-firewall>
Firewall rulesln-firewallOpen Firewall rules<ln-segments>
Segmentationln-segmentsOpen SegmentationAddressing
2<ln-ip-pool>
Address mapln-ip-poolOpen Address mapWireless
3<ln-floorplan>
Coverage planln-floorplanOpen Coverage plan<ln-spectrum>
Channel scanln-spectrumOpen Channel scanOverview
2<ln-events>
Eventsln-eventsOpen Events<ln-health>
Network healthln-healthOpen Network health