Bookmarklet Maker & Ask AI

README

Welcome to the Bookmarklet Maker & Ask AI site! Here’s how to use it:

Bookmarklet Maker: Enter your JavaScript code into the text area and click "Generate Bookmarklet." Your code will be wrapped in an immediately invoked function expression and prefixed with javascript:. Then copy the code and save it as a bookmark.
Ask AI: Type a query (for example, "Make me one where it rotates the page") and click "Ask AI." The AI (configured as a bookmarklet maker) will produce a bookmarklet solution for you. You can copy the response and use it as a bookmark.
My Bookmarklets: Browse through a collection of pre-made bookmarklets and copy any you like.

Enjoy creating and using bookmarklets!

Bookmarklet Maker

Enter your JavaScript code:

Your Bookmarklet Code:

Ask AI

Enter your query (e.g., "Make me one where it rotates the page"):

AI Response:

My Bookmarklets

Rainbow Background

javascript:(function(){function randomColor(){return 'rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')';}document.body.style.transition='background 1s';setInterval(function(){document.body.style.background=randomColor();},1000);})();

Random RGB Text

javascript:(function(){function randomColor(){return 'rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')';}document.querySelectorAll('p').forEach(function(el){el.style.color=randomColor();});})();

Shake Everything

javascript:(function(){var s=document.createElement('style');s.innerHTML="* { animation: shake 0.5s infinite !important; } @keyframes shake { 0% { transform: translate(1px, 1px); } 10% { transform: translate(-1px, -2px); } 20% { transform: translate(-3px, 0px); } 30% { transform: translate(3px, 2px); } 40% { transform: translate(1px, -1px); } 50% { transform: translate(-1px, 2px); } 60% { transform: translate(-3px, 1px); } 70% { transform: translate(3px, 1px); } 80% { transform: translate(-1px, -1px); } 90% { transform: translate(1px, 2px); } 100% { transform: translate(1px, -2px); } }";document.head.appendChild(s);})();

Invert Colors

javascript:(function(){document.documentElement.style.filter='invert(1)';})();

Blink Paragraphs

javascript:(function(){var s=document.createElement('style');s.innerHTML="@keyframes blink{0%{opacity:1;}50%{opacity:0.2;}100%{opacity:1;}} .blink{animation: blink 1s infinite;}";document.head.appendChild(s);document.querySelectorAll('p').forEach(function(el){el.classList.add('blink');});})();

Rotating Page

javascript:(function(){var deg=0;document.body.style.transition='transform 0.1s';setInterval(function(){deg+=5;document.body.style.transform='rotate('+deg+'deg)';},100);})();

Particle Burst on Click

javascript:(function(){document.addEventListener('click',function(e){var c=document.createElement('div');c.style.position='absolute';c.style.left=e.pageX+'px';c.style.top=e.pageY+'px';c.style.width='20px';c.style.height='20px';c.style.borderRadius='50%';c.style.background='rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')';c.style.transition='opacity 1s, transform 1s';document.body.appendChild(c);setTimeout(function(){c.style.opacity='0';c.style.transform='scale(3)';},0);setTimeout(function(){c.remove();},1000);});})();

Glitch Images

javascript:(function(){var s=document.createElement('style');s.innerHTML=".glitch{position:relative;animation:glitch 1s infinite;} @keyframes glitch {0% {clip: rect(42px,9999px,44px,0);transform: translate(0.5px,-0.5px);}20% {clip: rect(12px,9999px,65px,0);transform: translate(-1px,1px);}40% {clip: rect(85px,9999px,140px,0);transform: translate(1px,-1px);}60% {clip: rect(20px,9999px,60px,0);transform: translate(-0.5px,0.5px);}80% {clip: rect(40px,9999px,80px,0);transform: translate(0.5px,-0.5px);}100% {clip: rect(42px,9999px,44px,0);transform: translate(0);}}";document.head.appendChild(s);document.querySelectorAll('img').forEach(function(el){el.classList.add('glitch');});})();

Scale Up Images

javascript:(function(){document.querySelectorAll('img').forEach(function(img){img.style.transition='transform 0.5s';img.style.transform='scale(1.5)';});})();

Sparkle Effect

javascript:(function(){setInterval(function(){var sp=document.createElement('div');sp.style.position='fixed';sp.style.left=Math.random()*100+'vw';sp.style.top=Math.random()*100+'vh';sp.style.width='5px';sp.style.height='5px';sp.style.background='white';sp.style.borderRadius='50%';sp.style.opacity='1';sp.style.transition='opacity 1s';document.body.appendChild(sp);setTimeout(function(){sp.style.opacity='0';},100);setTimeout(function(){sp.remove();},1100);},200);})();

Cycling Fonts for Paragraphs

javascript:(function(){var fonts=["Arial","Courier New","Georgia","Times New Roman","Verdana","Impact"],i=0;setInterval(function(){document.querySelectorAll('p').forEach(function(el){el.style.fontFamily=fonts[i];});i=(i+1)%fonts.length;},1000);})();

Image Rotation Cycle

javascript:(function(){document.querySelectorAll('img').forEach(function(img){var deg=0;img.style.transition='transform 0.1s';setInterval(function(){deg=(deg+10)%360;img.style.transform='rotate('+deg+'deg)';},100);});})();