Skip to content
A terminal emulator React component with clean styling (using styled-components) and easy customization
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
example
lib
.babelrc
.eslintrc
.gitignore
.npmignore
CODE_OF_CONDUCT.md
README.md
package.json

README.md

Clean terminal

A terminal emulator React component with clean styling (using styled-components) and easy customization

Why?

So you can show people what terminal commands to use in a pleasant way.

How?

npm install clean-terminal

import {CleanTerminal, StatementLine, InputStatementLine} from 'clean-terminal';

...

<CleanTerminal>
    <InputStatementLine>echo "<span role="img" aria-label="wave">👋</span> Hello, friend."</InputStatementLine>
    <StatementLine><span role="img" aria-label="wave">👋</span> Hello, friend.</StatementLine>
    <InputStatementLine>ping http://sdgandhi.github.io</InputStatementLine>
    <StatementLine>
        <p>PING sni.github.map.fastly.net (151.101.41.147): 56 data bytes</p>
        <p>64 bytes from 151.101.41.147: icmp_seq=0 ttl=56 time=6.610 ms</p>
        <p>64 bytes from 151.101.41.147: icmp_seq=1 ttl=56 time=6.603 ms</p>
    </StatementLine>
</CleanTerminal>

Example 1

What?

It's a React component!

Who?

Me!

You can’t perform that action at this time.