Embed your
HTML, CSS and JS
example with Indiepen

An independent and privacy-friendly solution to present your code examples to the people.

Why Indiepen?

This project was initially developed because we wanted to show code examples on yetanother.blog. We use platforms to share code examples every day and we love them, but they didn’t fit our requirements. We care about a modern, fast and fair web. That means, we cannot integrate code snippets, that set cookies, include unnecessary tracking tools, come with bad performance or with a set of overloaded features.

Indiepen is a lightweight solution to embed HTML, CSS and JS code examples. We ship less than 20 KB, we don’t set any cookies or tracking, and, most importantly, we develop inclusive features for everyone.

Get started

Create your code examples with HTML, CSS and JavaScript and host the examples somewhere on the internet. Indiepen takes the Uniform Resource Locator (URL) of your code examples, scrapes the files and provides a preview together with the ability to discover the code.

That said, your code examples need to follow a naming convention for the files:


├── index.html
├── main.js
└── styles.css

Use the code snippet generator below to generate the snippet. After that, simply paste the code snippet on your website and that’s it!

Code snippet generator


About the creators

We are Henrik and André, both software developers based in Hamburg. Indiepen is our first open source project and we are super excited to share our ideas for a modern web with you. Learn more on our tech blog yetanother.blog.

Henrik Fricke
Henrik
André Rusakow
André

That's it. Seeya later friend ¯\_(ツ)_/¯