๐Ÿ‹ 3D Docker containers viewer built with Electron, React and Three Fiber

Last update: May 11, 2022

๐Ÿ‹ portus

Docker containers 3D viewer - ๐Ÿšง under development construction ๐Ÿšง

screenshot

Features

  • List all containers with status and name
  • 3D Camera control
  • Start/stop container
  • Remove container

Build with

  • Electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS
  • React - JavaScript library for building user interfaces
  • Three.js - JavaScript 3D Library
  • React Three - A React renderer for Three.js
  • dockerode - Node.js module for Docker's Remote API



Made by Matheus Trindade from Salvador, Bahia - Brasil

Twitter โ€ข Linkedin โ€ข Site

GitHub

https://github.com/trindadematheus/portus
You might also like...

Reagraph - a high-performance network graph visualization built in WebGL for React

๐Ÿ•ธ reagraph WebGL Network Graphs for React Reagraph is a high-performance network graph visualization built in WebGL for React. If you are looking for

May 14, 2022

Casual data visualization framework, built on top of D3.js

d3 wrapper for casual data visualization Status v0.1.0 (alpha release), the npm package is available. The static bundle file is not supplied at now. I

Dec 9, 2021

A thin, typed, React wrapper over Google Charts Visualization and Charts API.

React Google Charts A thin, typed, React wrapper for Google Charts. Docs and examples. React Google Charts Docs and examples. Installation Quick Start

May 16, 2022

Beautiful and expressive Sparklines React component

Beautiful and expressive Sparklines React component

Beautiful and expressive sparklines component for React Live demos and docs: borisyankov.github.io/react-sparklines/ Install npm install react-sparkli

May 12, 2022

Declarative and modular timeseries charting components for React

Declarative and modular timeseries charting components for React

React Timeseries Charts This library contains a set of modular charting components used for building flexible interactive charts. It was built for Rea

May 4, 2022

React components for building composable and flexible charts

React components for building composable and flexible charts

rumble-charts React components for building composable and flexible charts to visualize your data. It's based on D3.js under the hood, but most of the

Apr 29, 2022

A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.

A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.

react-three-paper A paper-thin (~800 bytes*) and position-aware wrapper for ThreeJS in React. View Demo ยท Report Bug My work is for and funded by the

Mar 31, 2022

Reactochart is a library of React components for creating data visualization charts and graphs.

Reactochart is a library of React components for creating data visualization charts and graphs.

Reactochart is a library of React components for creating data visualization charts and graphs. Components include line chart, bar chart, area chart, heat maps, scatterplot, histogram, pie chart, sankey diagram, and tree map.

May 12, 2022

Chkflow is a react component editor/view for tree and graph data structures inspired by workflowy's interface.

Chkflow is a react component editor/view for tree and graph data structures inspired by workflowy's interface.

Chkflow is a react component editor/view for tree and graph data structures inspired by workflowy's interface.

Mar 5, 2022
A react-three-fiber component for rendering high quality 3d landscapes. If you prefer to use vanilla three.js you can also just use the custom material on its own.
A react-three-fiber component for rendering high quality 3d landscapes. If you prefer to use vanilla three.js you can also just use the custom material on its own.

A react-three-fiber component for rendering high quality 3d landscapes. If you prefer to use vanilla three.js you can also just use the custom material on its own.

Apr 29, 2022
๐Ÿ’ช๐Ÿ“ฆ Flexbox for react-three-fiber
๐Ÿ’ช๐Ÿ“ฆ  Flexbox for react-three-fiber

???? Flexbox for react-three-fiber

May 14, 2022
๐Ÿ‡จ๐Ÿ‡ญ A React renderer for Three.js
๐Ÿ‡จ๐Ÿ‡ญ A React renderer for Three.js

????react-three-fiber is a React renderer for threejs.

May 16, 2022
Redefined chart library built with React and D3

Recharts Introduction Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts i

May 18, 2022
Sort Visualizer - A Web Application built using React and is used to visualize classic sorting algorithms such as insertion sort, merge sort, quick sort, heap sort, etc.
Sort Visualizer - A Web Application built using React and is used to visualize classic sorting algorithms such as insertion sort, merge sort, quick sort, heap sort, etc.

Sort Visualizer - A Web Application built using React and is used to visualize classic sorting algorithms such as insertion sort, merge sort, quick sort, heap sort, etc.

May 9, 2022
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integr

May 16, 2022
Lightweight React library for drawing network graphs built on top of SigmaJS

It makes easy to publish networks on Web pages and allows developers to integrate network exploration in rich Web applications. Use JSX for graph conf

May 7, 2022
A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.

A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.

May 13, 2022
Highcharts built with proper React components
Highcharts built with proper React components

Highcharts built with proper React components. More that just a simple wrapper - utilises the power of React props to create dynamic charts! React JSX

Apr 29, 2022
A Simple Charts Built With React
A Simple Charts Built With React

React-charts Please change the Label manually for now from: while (counter <= js

Dec 28, 2021