Editor

I made this little editor because I like to play with HTML and needed a reliable live preview as I code. Now you can use this free tool as well. It comes with lots of extras! :)
This menu will be updated from time to time. If it seems empty for now, that's because I'm making stuff ;)

Donate

This editor is totally free but you can help supporting it if you like it!

Donate

About me

I'm Bun! I'm a portuguese artist and game dev. I like tech stuff but I'm not the best at programming or html. I do my best, though.

Empty.

Empty.

Empty.

Symbols Cursor Trail

<!-- Symbols Cursor Trail by Bunzorg--> <style>/* Code by ____ // / __ )__ ______ ____ ____ _________ _ // / __ / / / / __ \/_ / / __ \/ ___/ __ `/ // / /_/ / /_/ / / / / / /_/ /_/ / / / /_/ / // /_____/\__,_/_/ /_/ /___/\____/_/ \__, / /____/ Please credit Bunzorg if using any assets or codes! Follow bunzorg on the internet! */</style> ​<script>// Customize your trail symbols here: const trailSymbols = ['o', '+', '.', '*', 'º', '✿', '❀', '✤']; // customize your colors here: const pastelColors = ['#ffb6c1', '#ffc0cb', '#ffe4e1', '#e0bbff', '#c1f0f6', '#fffacd', '#d1ffd6']; // style for the trail symbols!! customize as you like :) const baseStyle = { position: 'absolute', fontSize: '16px', pointerEvents: 'none', userSelect: 'none', zIndex: 9999, transition: 'transform 1s ease-out, opacity 1s ease-out', fontFamily:'Arial', }; // 🐭 attach the mousemove listener document.addEventListener('mousemove', (e) => { // Create symbol element const sym = document.createElement('div'); sym.textContent = trailSymbols[Math.floor(Math.random() * trailSymbols.length)]; sym.style.color = pastelColors[Math.floor(Math.random() * pastelColors.length)]; // Apply base styles for (const prop in baseStyle) { sym.style[prop] = baseStyle[prop]; } // Initial position & opacity sym.style.left = `${e.pageX}px`; sym.style.top = `${e.pageY}px`; sym.style.opacity = '1'; // append to body document.body.appendChild(sym); // force reflow to trigger transition void sym.offsetWidth; // animate upward float & fade sym.style.transform = 'translateY(-10px) scale(1.4)'; sym.style.opacity = '0'; // remove after transition ends (1s) setTimeout(() => { sym.remove(); }, 2000); }); </script>

Empty.

Empty.