Focus the code block below to try our highlighting options.

import React, { useState } from 'react';
 
function Example() {
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <p>You clicked {count} times</p>
       setCount(count + 1)}>
        Click me
      
    </div>
  );
}

Embed anything with iframes. Here's a CodePen project.

Enable the Developer Mode in the in the editor settings.

This gives you access to the HTML editor.

We support inline and block-level LaTeX \LaTeX typesetting. Double-click to edit.

Here's a math block, click to focus or double-click to edit.

f(x) = \int_{-\infty}^\infty \hat f(\xi),e^{2 \pi i \xi x} \,d\xi

Slides for Developers

By Khrystyna Landvytovych