@ryusei/light

<div align="center"> <a href="https://light.ryuseijs.com"> <img alt="RyuseiLight" src="https://light.ryuseijs.com/images/svg/logo.svg" width="70"> </a>

Usage no npm install needed!

<script type="module">
  import ryuseiLight from 'https://cdn.skypack.dev/@ryusei/light';
</script>

README

RyuseiLight

RyuseiLight

RyuseiLight is a beautiful, lightweight and extensible syntax highlighter, written in TypeScript.

Visual Sample

Getting Started
Demo
Documents
Themes
Components
Enhancement

Features

  • Only 10kB (4kB gzipped), including JavaScript, HTML, CSS and XML
  • 11 languages are supported
  • Beautiful themes, easy to customize by SASS (SCSS)
  • Completely modular for minimal bundle size
  • Easy to add new languages and components
  • Displaying line numbers
  • Highlighting lines
  • Displaying a language name
  • Displaying a code caption
  • HTML generation for SSR
  • Highlighting diff
  • Internet Explorer 10

License

RyuseiLight is released under MIT license. © 2020 Naotoshi Fujita