Available web components

code-editor

Code editor with syntax highlighting and support for loading source files or use inline code. Wrapping Codemirror.

<code-editor mode="javascript">
	console.log("Hello");
</code-editor>

Demo | Repository | Docs

fake-terminal

An extensible pseudo-terminal web component for your website (or whatever you do in the browser), based on terminal.js.

<fake-terminal>$ </fake-terminal>

Demo | Repository | Docs

photo-box

Component that allows the user to take a screenshot and download it

<photo-box></photo-box>

Demo | Repository | Docs

code-sandbox

Interactive coding sandbox including a code editor and a live preview. Ideal for live demos and tutorials

<code-sandbox language="javascript" src="demo.js"></code-sandbox>

Demo | Repository | Docs

x-tabs

Tab box with tab navigation

<x-tabs>
	<x-tab label="First Tab">
		Tab content
	</x-tab>
</x-tabs>

Demo | Repository | Docs