S-Console - Interactive JavaScript Console Library

Live Demo

Try the console below! Type 'help' to see available commands, or try 'time', 'hello', or 'test'.

Add Custom Commands

Create your own commands dynamically and see them work in the console above.

Features

🎨 Customizable Themes

Light and dark themes with customizable colors and fonts

⚡ Lightweight

Minimal dependencies and small bundle size

🔧 Easy Integration

Simple API for adding custom commands

📱 Responsive

Works perfectly on desktop and mobile devices

CDN Usage

📦 Include via CDN

<!-- Include CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/gusdeyw/s-console@latest/dist/s-console.css">

<!-- Include JavaScript -->
<script src="https://cdn.jsdelivr.net/gh/gusdeyw/s-console@latest/dist/s-console.umd.js"></script>

🚀 Initialize Console

<div id="my-console"></div>

<script>
  const console = new sconsole('my-console', {
    theme: 'dark',
    fontSize: '16px',
    fontFamily: 'monospace'
  });

  console.addCommand('hello', () => {
    console.appendToConsole('Hello World! 👋');
  });
</script>

💡 Tip: Replace @latest with a specific version like @v1.0.0 for production use.