Tiny terminal spinner
- Tiny and fast
- Customizable text and color options
- Customizable spinner animations
- Only one tiny dependency
- Supports both Unicode and non-Unicode environments
- Gracefully handles process signals (e.g.,
SIGINT
,SIGTERM
) - Can display different status symbols (info, success, warning, error)
- Works well in CI environments
Check out ora
for more features.
npm install yocto-spinner
import yoctoSpinner from 'yocto-spinner';
const spinner = yoctoSpinner({text: 'Loading…'}).start();
setTimeout(() => {
spinner.success('Success!');
}, 2000);
Creates a new spinner instance.
Type: object
Type: string
Default: ''
The text to display next to the spinner.
Customize the spinner animation with a custom set of frames and interval.
{
frames: ['-', '\\', '|', '/'],
interval: 100,
}
Pass in any spinner from cli-spinners
.
Type: string
Default: 'cyan'
Values: 'black' | 'red' | 'green' | 'yellow' | 'blue' | 'magenta' | 'cyan' | 'white' | 'gray'
The color of the spinner.
Type: stream.Writable
Default: process.stderr
The stream to which the spinner is written.
Starts the spinner.
Returns the instance.
Optionally, updates the text:
spinner.start('Loading…');
Stops the spinner.
Returns the instance.
Optionally displays a final message.
spinner.stop('Stopped.');
Stops the spinner and displays a success symbol with the message.
Returns the instance.
spinner.success('Success!');
Stops the spinner and displays an error symbol with the message.
Returns the instance.
spinner.error('Error!');
Stops the spinner and displays a warning symbol with the message.
Returns the instance.
spinner.warning('Warning!');
Clears the spinner.
Returns the instance.
Stops the spinner and displays an info symbol with the message.
Returns the instance.
spinner.info('Info.');
Change the text displayed next to the spinner.
spinner.text = 'New text';
Change the spinner color.
Returns whether the spinner is currently spinning.
Use yoctocolors
:
import yoctoSpinner from 'yocto-spinner';
import {red} from 'yoctocolors';
const spinner = yoctoSpinner({text: `Loading ${red('unicorns')}`}).start();
JavaScript is single-threaded, so any synchronous operations will block the spinner's animation. To avoid this, prefer using asynchronous operations.
Comparison with ora
Ora offers more options, greater customizability, promise handling, and better Unicode detection. It’s a more mature and feature-rich package that handles more edge cases but comes with additional dependencies and a larger size. In contrast, this package is smaller, simpler, and optimized for minimal overhead, making it ideal for lightweight projects where dependency size is important. However, Ora is generally the better choice for most use cases.
- ora - Comprehensive terminal spinner
- yoctocolors - Tiny terminal coloring
- nano-spawn - Tiny process execution for humans