Hi I'm Ali & This Project is Some Simple & Pure HTML/CSS Components , In Just One Line of Code Called Data Shell.
<body>
...
....
<script src="https://cdn.jsdelivr.net/npm/@aliamdevs/data-shell@latest/bundler/bundles/CDNs/data-shell.bundle.js" ></script>
</body>
npm i @aliamdevs/data-shell
import { DataShellEnv } from '@aliamdevs/data-shell'
<DataShellEnv style={...your_styles} className={...your_classes}
shell="
Your Data-Shell Commands ...
"
/>
import {useDataShell} from '@aliamdevs/data-shell'
useDataShell();
// -> In HTML File Or Source :
<div style="...your_styles" class="...your_classes"
data-shell="
Your Data-Shell Commands ...
"
>