MuizenMesh Webring

What's this?

A community of sites linked to Muizenberg, Capricorn & Vrygrond, also known as a webring. Each member includes a badge on their site that links to the previous and next sites in the ring. We are bringing back the free spirit of the 90s, when people used to love the Internet!

How to join

To join the webring, open a pull request and supply the name and URL of your site. If you publish a RSS feed, you can provide that as well. The result will be added to the members.json file

If you don't have a github account, you can also use this form to sign up. The webring admins will then look at your site and handle your request.

Add the banner

Once you've joined the ring, you can add a webring banner to your site. We offer two options:

HTML Embed (Recommended)

Copy this code snippet into your site:

<webring-banner class="theme-ocean">
    <p>Member of the <a href="https://meshring.netlify.app">MuizenMesh Webring</a> webring</p>
    <a href="https://meshring.netlify.app/prev">Previous</a>
    <a href="https://meshring.netlify.app/random">Random</a>
    <a href="https://meshring.netlify.app/next">Next</a>
</webring-banner>
<script async src="https://meshring.netlify.app/embed.js" charset="utf-8"></script>

It will render this banner that links to the other members:

🎨 Style with CSS Themes

Customize your webring banner with our CSS themes - no React or build tools required! Choose from Ocean, Sunset, Dark, or Minimal themes. View the CSS themes demo to see all options and get the code. Please note, the above example webring-theme-ocean.css must be served locally in order to render.

Quick example:

<link rel="stylesheet" href="webring-theme-ocean.css">
<webring-banner class="theme-ocean">
    <!-- your webring content -->
</webring-banner>

React/TypeScript Widget

For JavaScript projects using React, we provide a ready-to-use component with multiple themes and sizes. View the widget documentation or try the interactive demo to see all available options and get the code.

Features include 9 built-in themes (Default, Minimal, Ocean, Sunset, Dark, Tokyo, Dracula, Disco, plus Random), 3 size variants, and full TypeScript support. Perfect for modern web applications!

Want to host your own webring?

If you want to start your own webring, fork this project on Github and follow the instructions in the README.