kazzohikaru

<div class="integer">
  1
  
</div>

kazzohikaru

Generative Ink Blobs

A Pen by Holland Blumer on CodePen.

License.

kazzohikaru

Circular Gallery

A Pen by Chris Bolson on CodePen.

License.

kazzohikaru

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Neon Structural Geometry</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Rajdhani:wght@300;500&display=swap" rel="stylesheet">
<style>
    body { 
        margin: 0; 
        overflow: hidden; 
        background-color: #050508; 
        font-family: 'Rajdhani', sans-serif;

kazzohikaru

<div class="mask">MIATA</div>

kazzohikaru

Fireworks 2026 + Boom Sound

A Pen by Sabo Sugi on CodePen.

License.

kazzohikaru

<nav>
	<a href="#" class="split" style="--font-width: 125">
		TikTok
	</a>
	<a href="#" class="split">
		Instagram
	</a>
	<a href="#" class="split" style="--font-width: 94.5">
		Twitter
	</a>

kazzohikaru

CSS-Scroll-Focus-Text

A Pen by Kara Bharat on CodePen.

License.

kazzohikaru

    <div id="loader">Loading Scene...</div>

    <script type="importmap">
        {
            "imports": {
                "three": "https://unpkg.com/[email protected]/build/three.module.js",
                "three/addons/": "https://unpkg.com/[email protected]/examples/jsm/",
                "opentype.js": "https://unpkg.com/opentype.js@latest/dist/opentype.module.js"
            }
        }

kazzohikaru

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }