ILoveWebring

Join the ILoveWebring

The ILoveWebring accepts any kind of website — personal, artistic, fandom, tech, or creative. However, if your site contains 18+ or NSFW content, you must clearly state it when applying.

To join, click the button below to send an email with your details:

Website name
Website link
Short description
(Optional) NSFW warning if applicable

Members

Badge

Add this badge to your site to show you're part of the ILoveWebring:

<style>
.ilovewebring-osc{position:relative;display:inline-block;font-family:'Space Grotesk',sans-serif;}
.ilovewebring-badge{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;min-width:280px;position:relative;overflow:hidden;transition:.4s}
.ilovewebring-badge::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff3d5a,#00d4aa,transparent);opacity:.6}
.ilovewebring-badge:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05);transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.ilovewebring-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ilovewebring-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff3d5a,#ff6b6b);border-radius:10px;box-shadow:0 0 15px rgba(255,61,90,.3);transition:.3s}
.ilovewebring-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2}
.ilovewebring-badge:hover .ilovewebring-icon{transform:scale(1.1)}
.ilovewebring-title h3{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.5px}
.ilovewebring-title p{font-size:.8rem;color:rgba(255,255,255,.6);margin:0}
.ilovewebring-ping{position:absolute;top:12px;right:12px}
.ilovewebring-ping span{position:absolute;border-radius:9999px}
.ilovewebring-ping .ping-bg{height:16px;width:16px;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite;background:#00d4aa;opacity:.6}
.ilovewebring-ping .ping-count{position:relative;height:12px;width:12px;background:#ff3d5a;color:#fff;font-size:8px;font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:9999px;box-shadow:0 0 6px rgba(255,61,90,.6)}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.ilovewebring-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.ilovewebring-nav a{padding:8px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.6);text-decoration:none;font-size:.85rem;font-weight:500;transition:.3s}
.ilovewebring-nav a:hover{background:#ff3d5a;color:#fff;border-color:#ff3d5a;transform:translateY(-2px)}
.ilovewebring-dots{position:absolute;bottom:12px;right:12px;display:flex;gap:4px}
.ilovewebring-dots div{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3);transition:.3s}
.ilovewebring-badge:hover .ilovewebring-dots div{transform:scale(1.4);background:#00d4aa}
</style>

<div id="ilovewebring-widget" class="ilovewebring-osc"></div>

<script>
(function(){
var sites=[
'https://osc-leaks.neocities.org/',
'https://ragazzasola.neocities.org/',
'https://ilovewebring.neocities.org/',
'https://luahtml.neocities.org/',
'https://devhank.neocities.org/'
];
var ringName='ILoveWebring';
var ringID='ilovewebring-widget';
var indexPage='https://ilovewebring.neocities.org/webring.html';

document.addEventListener('DOMContentLoaded',function(){
var tag=document.getElementById(ringID);if(!tag)return;
var thisURL=location.href,idx=0;
for(var i=0;i<sites.length;i++){if(thisURL.startsWith(sites[i])){idx=i;break;}}
function rand(){var r=Math.floor(Math.random()*sites.length);location.href=sites[r];}
var prev=idx-1<0?sites.length-1:idx-1;
var next=idx+1>=sites.length?0:idx+1;

tag.innerHTML=
'<div class="ilovewebring-badge">'+
'<div class="ilovewebring-ping"><span class="ping-bg"></span><span class="ping-count">★</span></div>'+
'<div class="ilovewebring-header">'+
'<div class="ilovewebring-icon"><svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10"/><path d="M16 12l-4 4-4-4M12 8v8"/></svg></div>'+
'<div class="ilovewebring-title"><h3>'+ringName+'</h3><p>Webring Network</p></div>'+
'</div>'+
'<div class="ilovewebring-nav">'+
'<a href="'+sites[prev]+'">← Prev</a>'+
'<a href="javascript:void(0)" onclick="('+rand.toString()+')()">Random</a>'+
'<a href="'+indexPage+'">Index</a>'+
'<a href="'+sites[next]+'">Next →</a>'+
'</div>'+
'<div class="ilovewebring-dots"><div></div><div></div><div></div></div>'+
'</div>';
});
})();
</script>

Once your badge is displayed, email us so your site can be listed officially!