chillcode

Zero-dependency Code Block Component

Part of ChillAll: 88 zero-dependency UI components (accessible, dark-mode ready, SSR-safe to import). chillcode is the standalone build of one of them; the chillall package contains all of them and is tree-shakeable.

Install

npm install chillcode

Use

import ChillCode from 'chillcode';          // or: const ChillCode = require('chillcode');

// see the options and methods in the source header: src/chillcode.js

No bundler? Load the file and use the global:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chillcode.js"></script>
<script>console.log(ChillCode.version);</script>

Why ChillAll components

• Zero dependencies, nothing to import for styles (CSS is injected on first use)
• Accessible: ARIA roles, keyboard support, focus management, reduced-motion
• Dark mode via <html data-theme="dark"> (see chilltheme) or the OS setting
• Safe by default: text is rendered as text, HTML is an explicit opt-in
• Every instance has destroy()

License

MIT, see the repository.