A collection of JavaScript bookmarklets (nicknamed "Blookmarkets") that add fun visual effects or helpful tweaks to any webpage. Whether you want to rotate the page, invert colors, or add a rainbow background, these bookmarklets have you covered!
- Fun Effects: Shake, blink, rotate, glitch, sparkle, and more!
- Lightweight: Simple JavaScript snippets that run directly in your browser.
- Easy Setup: Copy the code into a bookmark, and you're ready to go.
- Demo Website: Visit https://bookmarks.itsansh.xyz for a great demo!
-
Clone or Download this repository:
git clone https://github.com/Anshkabra2012/Bookmarklets.git
Or download the ZIP from GitHub and extract it locally.
-
Open the
index.html
(if included) to view a user-friendly interface for generating or copying bookmarklets.
- Copy any bookmarklet code (it starts with
javascript:
). - Create a New Bookmark in your browser (Chrome, Firefox, etc.).
- Paste the code into the URL field of the bookmark.
- Name it anything you like (e.g., “Rainbow Background”).
- Click the bookmark on any webpage to run the bookmarklet.
Below is a summary of each bookmarklet. For detailed code, see the individual files or the main index.html page.
-
Rainbow Background
- Cycles the background color every second with random RGB values.
-
Random RGB Text
- Applies random colors to paragraph text (
<p>
elements).
- Applies random colors to paragraph text (
-
Shake Everything
- Adds a fun shake animation to all elements on the page.
-
Invert Colors
- Inverts the entire page’s colors using a CSS filter.
-
Blink Paragraphs
- Makes
<p>
elements blink repeatedly.
- Makes
-
Rotating Page
- Continuously rotates the entire webpage.
-
Particle Burst on Click
- Spawns colorful expanding particles wherever you click.
-
Glitch Images
- Applies a glitchy effect to all
<img>
elements.
- Applies a glitchy effect to all
-
Scale Up Images
- Smoothly enlarges all images.
-
Sparkle Effect
- Creates small white sparkles at random positions on the screen.
-
Cycling Fonts for Paragraphs
- Cycles through different fonts for
<p>
text at set intervals.
- Cycles through different fonts for
-
Image Rotation Cycle
- Continuously rotates each image on the page.
Feel free to customize or build upon these bookmarklets for your own needs!
Contributions are welcome! To submit a feature or fix:
- Fork this repository.
- Create a new branch for your feature or bugfix.
- Commit and push your changes.
- Open a Pull Request describing your updates.
This project is licensed under the MIT License.
See the LICENSE file for details.
Happy bookmarklet-ing!
Maintained by Anshkabra2012.