The title and description are pulled from the MDX file and processed using gray-matter. Additionally, links are rendered using a custom component passed to next-mdx-remote.

Katex

KaTeX is a cross-browser JavaScript library that displays mathematical notation in web browsers. It puts special emphasis on being fast and easy to use. Here's an inline equation: $\sqrt{a^2 + b^2}$ . And here's a block equation:

KaTeX was initially developed by Khan Academy, and became one of the top five trending projects on GitHub in September 2014.

Assets

This is a local image.

Formatting

Tailwind

This is a Tailwind CSS component using grids.

Code Snippet

Build first-class code walkthroughs for the web. Whether you are writing blog posts, documentation, tutorials, coding videos, or any type of technical content, Code Hike helps you create a superior code reading experience.

import React from 'react';

const Example = () => {
    // link #mark-annotation
    return <div></div>;
};

export default Example;

You can also do var x = 10. So, syntax highlighting works inline too.

Spline

Spline is a free, real-time collaborative 3D design tool to create interactive experiences within the browser. Easy 3d design animations, models, textures, and more. Introducing Community platform. Explore, inspire and publish your next design all-in-one place. Explore Community.

Rive

Use our familiar design and animation tools with our ground-breaking State Machine to create interactive motion graphics for your products, apps, sites, ...