linuswillner / React Console Emulator
Licence: mit
👨💻 A simple, powerful and highly customisable Unix terminal emulator for React.
Stars: ✭ 160
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Console Emulator
Console
The Console component eases the creation of beautiful and testable command line interfaces.
Stars: ✭ 8,988 (+5517.5%)
Mutual labels: console, component
Wonders
🌈 Declarative JavaScript framework to build command-line applications.
Stars: ✭ 34 (-78.75%)
Mutual labels: console, component
Smenu
smenu started as a lightweight and flexible terminal menu generator, but quickly evolved into a powerful and versatile CLI selection tool for interactive or scripting use.
Stars: ✭ 1,906 (+1091.25%)
Mutual labels: console
Consoletableext
A fluent library to print out a nicely formatted table in a console application C#
Stars: ✭ 158 (-1.25%)
Mutual labels: console
Dotnet Console Games
Game examples implemented in .NET console applications primarily for educational purposes.
Stars: ✭ 157 (-1.87%)
Mutual labels: console
Polyfill Php73
This component provides functions unavailable in releases prior to PHP 7.3.
Stars: ✭ 2,121 (+1225.63%)
Mutual labels: component
Clog
Package clog is a channel-based logging package for Go
Stars: ✭ 151 (-5.62%)
Mutual labels: console
Console error panic hook
A panic hook for wasm32-unknown-unknown that logs panics with console.error
Stars: ✭ 159 (-0.62%)
Mutual labels: console
React Qr Code
A QR code generator for React and React Native.
Stars: ✭ 153 (-4.37%)
Mutual labels: component
Vue Facebook Login
💅 A renderless Vue.js component for composing Facebook Login
Stars: ✭ 158 (-1.25%)
Mutual labels: component
Garland View Android
≡ GarlandView seamlessly transitions between multiple lists of content. Made by @Ramotion
Stars: ✭ 1,855 (+1059.38%)
Mutual labels: component
Package Builder
[READ-ONLY] Speed up your package DI containers integration and console apps to Symfony and Nette
Stars: ✭ 152 (-5%)
Mutual labels: console
Vue Table
data table simplify! -- vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.
Stars: ✭ 1,833 (+1045.63%)
Mutual labels: component
Serializer
With the Serializer component it's possible to handle serializing data structures, including object graphs, into array structures or other formats like XML and JSON. It can also handle deserializing XML and JSON back to object graphs.
Stars: ✭ 2,021 (+1163.13%)
Mutual labels: component
React Intense
A React component for viewing large images up close 🔍
Stars: ✭ 152 (-5%)
Mutual labels: component
React Native Animated Linear Gradient
Animated linear gradient as background animation or something else.
Stars: ✭ 153 (-4.37%)
Mutual labels: component
React Render In Browser
React library to render browser specific content
Stars: ✭ 157 (-1.87%)
Mutual labels: component
Dcoaboutwindow
👋 A replacement for the standard Mac app About dialog.
Stars: ✭ 159 (-0.62%)
Mutual labels: component
react-console-emulator
A simple, powerful and highly customisable Unix terminal emulator for React.
Live demo
Configuration guide
Command API
Features
- Highly customisable: Add custom responses, restyle and tweak the terminal to your liking and much more.
- A Unix terminal in the browser: Accurately emulate a native Unix terminal in the browser with no setup required.
- Familiar shortcuts: The terminal can keep track of commands and allows the user to recall them at their behest.
- Easy and powerful command system: Execute code from your own application and send the results to the terminal output.
- Async output support: Push output to the terminal at any time, even after a command response has been emitted.
- Unlimited concurrency: Register as many terminals as you like with no risk of input confusion.
Usage
See more usage examples in demo/extra/config.js and demo/App.jsx
import React, { Component } from 'react'
import Terminal from 'react-console-emulator'
const commands = {
echo: {
description: 'Echo a passed string.',
usage: 'echo <string>',
fn: (...args) => args.join(' ')
}
}
export default class MyTerminal extends Component {
render () {
return (
<Terminal
commands={commands}
welcomeMessage={'Welcome to the React terminal!'}
promptLabel={'[email protected]:~$'}
/>
)
}
}
Contributing
For information on contributing, see .github/CONTRIBUTING.md.
License
MIT © Linus Willner and Curtis Fowler.
"React" and any associated logos are trademarks of Facebook, Inc.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].