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.