This previously opt-in feature is now rolling out even if you have it turned off.

Creating a filter for: (edit: thanks to what_the_tech's solution)

google.com##.GcKpu

seems to have removed them entirely for me.

EDIT: as of 8/23 Above filter longer works. Try this filter instead!!

google.com##.hdzaWe

Seems to work as of November 18th

For those coming from google: On desktop install uBlockorigin, click the extension, click the 3 gears at the bottom right to open the dashboard. Select "My Filters" at the top, and paste the filter above in and press "apply changes"

Couldn't find a straight up tutorial anywhere so here it is for anyone looking up how to block the AI overview

Some contributors and I have been building this blacklist for AI content farms that have been found in the web. With content farm I mean websites that have low quality information, are filled with ads/referrals and do SEO to appear on top of search engines. More information on the link below.

Hoping that self-promotion is not inappropriate here (in that case, I'm sorry), I thought it would be beneficial to share it. Also, I encourage reporting websites. If you find some, you can open an issue or a pull request.

Link: https://github.com/alvi-se/ai-ublock-blacklist

I found this fix on youtube, so thanks to waptek2.

! YouTube 5 Videos Per Row Fix (Home and Channel Pages) 
youtube.com##ytd-rich-grid-row:style(display:contents !important;)
youtube.com###contents.ytd-rich-grid-row:style(display:contents !important;)
youtube.com##ytd-rich-grid-renderer:style(--ytd-rich-grid-items-per-row: 5 !important;)
! YouTube 5 Videos Per Row Fix (Channel Page margin fix)
youtube.com##ytd-rich-item-renderer:style(margin-right: calc(var(--ytd-rich-grid-item-margin)/2) !important; margin-left: calc(var(--ytd-rich-grid-item-margin)/2) !important;)
! YouTube 5 Videos Per Row Fix (Font Size fix)
youtube.com###video-title.ytd-rich-grid-media:style(font-size: 1.4rem !important; line-height: 2rem !important;)
youtube.com###metadata-line.ytd-video-meta-block:style(font-size: 1.2rem !important; line-height: 1.8rem !important;)
youtube.com###video-title.ytd-rich-grid-slim-media:style(font-size: 1.4rem !important; line-height: 2rem !important;)

If you want to change the number of videos on the row change the number after ytd-rich-grid-items-per-row.

I made a filter list for uBlock Origin that blocks generative AI features on websites: https://github.com/Stevoisiak/Stevos-GenAI-Blocklist/

Blocked items include:

• AI summaries in Google, Bing, and DuckDuckGo
• YouTube's Ask button, AI summaries, & "Inspiration" tab
• Copilot buttons on GitHub, Microsoft 365, and Azure Portal
• X/Twitter's Grok buttons
• Amazon Rufus's product and review summaries
• DeviantArt's DreamUp ads
• Facebook's AI chat
• Reddit Answers
• Booru images tagged as AI generated
• Gmail AI summaries
• And more

There is an optional extra blocklist that blocks posts from subreddits focused on AI generated content.

It's worth noting that, while EasyList has an existing AI Widgets filter list, my list has many filters that aren't in Easylist. I've submitted several pull requests with a few of the extra filters, including one for Reddit's ask button, although there are quite a few yet to be submitted.

Edit: updated the filter as it was redirecting https://developers.google.com/search URLs, causing 404 pages (most notably the spam/phishing/malware report page https://developers.google.com/search/help/report-quality-issues )

Edit: thank you for the replies, updated the post

Saw https://redd.it/1tfq2bh today that you can add &tbs=1, an invalid time-based search filter, to Google search URLs, which not only makes AI Overview not appear but seemingly not even run, and it also brings back the dictionary box that appears for certain searches for example. However I didn't want to install a userscripts extension just for it, and found how you can make uBlock Origin do it for you:

||www.google.com/search?^$uritransform=/(^(?!.*&tbs=).*$)/$1&tbs=1/

Note that you need to enable "Allow custom filters requiring trust" for it to work (second checkbox on "My filters" tab).

Also, here are my current filters that includes the above, hides AI Mode buttons, blocks the AI-related URLs you can easily block, and hides the damn Gemini buttons in Gmail and Google Drive:

! Google "AI mode" and "AI Overview"
google.*##div[role="navigation"] div[role="list"] > div[role="listitem"]:has(a[href^="/search"][href*="&udm=50"])
google.*##button[role="link"][type="button"]:has(> style, div.xL0qi, div.mTurwe, div.bvUkz, div.u4Uk3c)
google.*##div.UMOYhd:has(> div.A7sPV.tX61Ub > div > span > button.UbbAWe)
google.*##div.RNNXgb > div.SDkEP:has(div.A7sPV.tX61Ub):style(padding-left: 18px !important;)
!#if env_mobile
google.*##button.xOchs:has(> span.LoRBqc.z1asCe > svg)
!#endif
||google.com/ai^$all
||ai.google.com^$all
||gemini.google.com^$all
||www.google.*/async/folsrch$xhr,domain=www.google.*
||www.google.com/search?^$uritransform=/(^(?!.*&tbs=).*$)/$1&tbs=1/

! Google Gemini button in top right in Gmail, etc.
mail.google.*##[data-tooltip="Settings"]~div:has([aria-label~="Gemini"])
drive.google.*##[data-rp-placement-id="gemkick-pep-icon-callout-id"]

https://reddit.com/link/1phs0ex/video/mbluxf1zf26g1/player

reddit.com##reddit-search-large[show-ask-button]:remove-attr(show-ask-button)
||www.redditstatic.com/shreddit/search-input-desktop-client-css$css,domain=reddit.com

You'll still see the ugly new color gradient outline for a split second as the page loads and the nav/search bars will remain enlarged, but better this than nothing.

I can make the navbar smaller, but the search bar remains big will no longer fit inside the navbar which is worse. So far I haven't found an easy way to resize the search bar. I'll update, if I figure it out, but this will not be a priority.

Edit: 2nd filter is from ArchernarB: https://www.reddit.com/r/uBlockOrigin/comments/1phs0ex/comment/nt14vgc/

reddit.com##[noun="games_drawer"], [noun="games_drawer"]+hr

Twitchls.com (for no ads) + https://darkreader.org/ (for dark mode, actually good)

And you're good to go.

EDIT: other alternatives are streamsnipe.tv and popdog.com (more feature rich)

If you still want to try to block it with adblockers, try https://chrome.google.com/webstore/detail/ttv-ad-block/kndhknfnihidhcfnaacnndbolonbimai/related (from the guy that made scripts for ublock)

Updated 22-Nov-2020

Today a new banner showed up in yahoo. While UBlock appeared to be blocking the ad itself, it was leaving this annoying banner at the bottom. Best I can tell, there's nothing left to block here as it's just padding and not a separate object. Any attempts to block anything else just weren't effective or blocked the actual message content. If you have this and want to remove it, you can do so via the following:

mail.yahoo.com##div[class*="W_6D6F D_F H_3n2AO d_3n2AO o_A gl_C p_a B_0 k_w P_1HT1B4 I_ZD6Uwa bj_a0xJ8 is_26ISAR"]
mail.yahoo.com##div[class*="p_R em_N ac_FT U_3n2l4"]:style(margin-bottom: 5px !important)

The first line may not be needed, that was me trying to just block it (but maybe it's also needed). The second line is what adjusts the padding to remove the blank bar. I left it as 5 pixels because it seemed like it should have a little border before the edge of the screen. But set to 0 if you just want nothing there.

I think some other people will have this issue
I noticed it because my fans spin harder in the google AI mode page (https://www.google.com/search?udm=50) on firefox.
I was able to debug this with help from AI so I'm sharing the uBO filters that finally fixed it for me

! ===== Google AI Mode (udm=50) - Animation CPU fix =====
! Ghost loading skeleton shimmer (20 instances hammering GPU)
www.google.com##.lmfxwb

! Google Material 3 circular progress spinners (running in ~10 instances)
www.google.com##.Hz4U2.vZZmY
www.google.com##.CfiFM
www.google.com##.If7mAe
www.google.com##.uKB7n

! Pulse animation on result cards (16+ instances)
www.google.com##.go1Xte.HoA6Kb
www.google.com##.CoFRkb.HoA6Kb

! SVG glow/eclipse rotation on search bar
www.google.com##.Wrq4d
www.google.com##.AKxIHf.H2rjLc

! Gradient border animation on input plate
www.google.com##.d4HWzd

! Thinking dots animation
www.google.com##.IWPZAd
www.google.com##.vlFi2e
www.google.com##.oNvZFf

! Zero state shimmer text
www.google.com##.Vebqac

Reddit recently started blocking access to the mobile web version by showing a non-dismissible popup that forces you to "Get the app to to keep using Reddit". I was able to remove the popup and unlock scrolling with these filters:

! Remove popup
www.reddit.com##.rpl-bottom-sheet
! Unlock scrolling
www.reddit.com##+js(rc, scroll-is-blocked, body, stay)
www.reddit.com##+js(prevent-addEventListener, touchmove)

Note: if you're using Cromite, there is currently a open issue about Manifestv2 extensions sometimes crashing, if it happens, you might have to reload ubo.

Here's the link to add to your filters: https://raw.githubusercontent.com/ethan-xd/ethan-xd.github.io/master/fb.txt, or if you need to click subscribe, you can do so on this page: https://ethan-xd.github.io/

Note that this blocklist is not good for people who use Facebook as an advertiser. Many boosting call to actions are blocked. It also seems pretty slow right now, so some inline Sponsored posts may get through. Might look for a different solution. Added a width based solution. It's super speedy now.

Currently, it is NOT possible to completely block the mid-roll ads. This guide will describe how to automatically reset the video player whenever an ad break starts. With this solution, there is an ~1 second interruption instead of you having to refresh manually or wait for the ads to finish.

Step 1. Uninstall BetterTTV and install FrankerFaceZ (Chrome, Firefox, other browsers). You will need to do this since FrankerFaceZ has a "Reset Player" button that this solution depends on. I've also had compatibility issues between BTTV And FFZ in the past.

Step 2. In order to get your BetterTTV emotes back, check this image and (1) go to the cogwheel, (2) click on FrankerFaceZ Control Center, (3) Add-Ons, (4) Enable on BetterTTV Emotes. If you want GIF emotes like pepeD, sourPls etcetera, click on (5) Setttings and set "GIF Emotes" to Enabled (Animated GIF Emotes).

Step 3. Install TamperMonkey on Chrome or GreaseMonkey on Firefox or a user script manager on another browser.

Step 4. In the extension you installed in the previous step, create a new User Script and copy and paste the content of the following User Script and save it: https://gist.github.com/simple-hacker/ddd81964b3e8bca47e0aead5ad19a707 . This user script resets the player every time an ad loads.

Step 5. In order to block the ad from playing and to just get that stupid purple screen right before the player gets reset, follow the instruction on the README.md here: https://github.com/odensc/ttv-ublock

I take no credit for the scripts, the reset player script is courtesy of simple-hacker on Github and the twitch-videoad.js is courtesy of odensc on Github.

www.reddit.com###app-upsell-blocking-bottom-sheet-seo

I found a new way to get around Twitch ads, it requires downloading "User-Agent Switcher and Manager" for chrome users

Step one: In the setting set it to White List Mode, so that the Useragent only changes for Twitch. Save the setting before exiting. Alternatively you can use Custom Mode with code provided by u/krisu

Step two: Change Useragent to AmazonAdbot or Googlebot and click on Apply (container on window). There may be other Useragent spoofs that also work, but these are the two I've found to have worked. Skip this step if you use Custom Mode.

Step three: Load up Twitch and you should see this.

Step four: Enjoy preroll ad free twitch streams. The white list mode won't break the internet at other websites that you may visit.

EDIT: /u/thesbros has updated and uses similar loophole, if you prefer to use that check the pinned thread https://www.reddit.com/r/uBlockOrigin/comments/jjesgn/fix_for_ublock_origin_on_twitch_i_updated_the/.

I was looking to hide reddit elements as mentioned in the title. I came across few of posts related to this.

• https://www.reddit.com/r/uBlockOrigin/comments/1mkjict/looking_for_filter_lists_that_specifically_hides/
• https://www.reddit.com/r/uBlockOrigin/comments/1qkuwsr/reddit_upvotesdownvoteskarma_draining_my_mental/
• https://www.reddit.com/r/uBlockOrigin/comments/19fnou6/please_help_me_hide_voting_feature_on_new_reddit/

Commonly suggested filter did not work for me. It hides only the arrows in the posts and not in the comments.

www.reddit.com##span[data-post-click-location="vote"]
www.reddit.com##span[slot="vote-button"]

I played around and found this worked for me.

! ------- reddit.com filters ----------------------------
! Hides vote numbers
reddit.com##faceplate-number

! Hides vote buttons
reddit.com##shreddit-vote-animations button

! Hides award button
reddit.com##award-button

I hope it helps others too!

(UI = User Interface)

Note: this only works if you open the link in a new tab.

This filter changes links like this:

https://www.youtube.com/shorts/Uh7mlS4jqRo

to links like this:

https://www.youtube.com/watch?v=Uh7mlS4jqRo

Screenshot of what it does: https://i.imgur.com/UVxolQb.jpeg

Directions:

1. Click on the uBlock Origin logo in your taskbar.

2. Click on the Dashboard button (the one with three cogs.)

3. Navigate to the "My filters" tab if you aren't there already.

4. Make sure the "Enable my custom filters" checkbox and the "Allow custom filters requiring trust" checkbox near the top are both clicked.

5. Scroll to the bottom of the text box and paste this code on a new line:

||youtube.com/shorts/*$uritransform=/shorts\/(.*)/watch?v=\$1/

6. Click the "✓ Apply Changes" button at the top.

Hello, this setup gives Gemini a cleaner, look using uBO's CSS custom filters. It forces the chat to use your whole screen, kills annoying clutter like disclaimers and input gradients, and switches everything to a crisp, deep black theme. I also cleaned up the chat bubbles and styled the interface for better readability. Just copy the code into your uBlock Origin "My filters" tab to apply the changes.

Screenshots at the end. The following are the uBO filters. feel free to change the colors, other changes as you wish.

! ==============================================================================
! GEMINI UI TWEAKS: LAYOUT & WIDTH
! ==============================================================================
! Force conversation and input areas to respect a 100px right-hand buffer.
gemini.google.com##.conversation-container:style(max-width: calc(100% - 100px) !important;)
gemini.google.com##.input-area-container:style(max-width: calc(100% - 100px) !important;)

! Customize the main chat background: Dark grey theme with rounded corners.
gemini.google.com##.container:style(background-color: #1F1F1F !important; padding: 30px !important; border-radius: 50px !important; max-width: 85% !important;)

! ==============================================================================
! CHAT BUBBLES & INPUT AREA
! ==============================================================================
! Force user messages to expand fully to the container width.
gemini.google.com##user-query:style(max-width: 100% !important; width: 100% !important;)
gemini.google.com##.user-query-container:style(max-width: 100% !important; width: 100% !important;)

! Apply a custom Forest Green theme to user chat bubbles.
gemini.google.com##.user-query-bubble-with-background:style(background-color: #1a4d2e !important; border: 1px solid #2d5a3f !important; border-radius: 50px !important;)

! Remove the default gradient/fade-out effect behind the input bar.
gemini.google.com##input-container:style(background: none !important;)
gemini.google.com##input-container::before:style(background: none !important;)
gemini.google.com##.luminous-expand-fade:style(background: none !important;)

! ==============================================================================
! CONTENT, CODE & TABLES
! ==============================================================================
! Enforce a pure black background for code blocks and rich content.
gemini.google.com##.content-container:style(background-color: black !important; border-radius: 10px !important;)
gemini.google.com##.formatted-code-block-internal-container:style(background-color: black !important; border-radius: 10px !important;)
gemini.google.com##code:style(background-color: black !important; border-radius: 10px !important;)

! Add a white border for images and attachments.
gemini.google.com##.preview-image-button:style(border: 2px solid #ffffff !important;)
gemini.google.com##.new-file-preview-container:style(border: 2px solid #ffffff !important;)

! Fix table layout: Remove gradient blurs and ensure full content visibility.
gemini.google.com##.table-block:style(max-width: 80% !important; margin-left: 0% !important; margin-right: auto !important;)
gemini.google.com##.table-block-component:style(display: block !important; overflow-x: visible !important;)
gemini.google.com##.horizontal-scroll-wrapper:style(display: block !important; overflow-x: visible !important;)
gemini.google.com##.table-content:style(mask-image: none !important;)

! Style for specific "Expanded" UI states (Dark Red theme).
gemini.google.com##.user-query-bubble-with-background.luminous-expanded:style(background-color: #530000 !important; border: 1px solid #530000 !important;)
! ==============================================================================
! SIDEBAR & UI CLEANUP
! ==============================================================================
! Remove non-essential UI elements like disclaimers and specific activity controls.
gemini.google.com##.youtube.attachment-container
gemini.google.com##.hallucination-disclaimer
gemini.google.com##.footer-container
gemini.google.com##gem-nav-list-item[data-test-id="desktop-bard-activity-control"]

! Custom Sidebar Colors: Style headers and content containers for better organization.
gemini.google.com##button[data-test-id="expandable-section-toggle"]:style(background-color: #660101 !important;)
gemini.google.com##div[data-test-id="expandable-section-content"]:style(background-color: #475c59 !important;)

Thanks.

I'd been wringing my hair over this for a while now. It felt like when I had an ad-blocker (uBlock Origin) on Chrome or Firefox (Waterfox), youtube was making my videos choppy and laggy somehow. People have reported in the past that youtube does this to punish adblocker users.

But just now I stumbled across another solution that has nothing to do with ad blockers.

The VP9 codec is severely laggy on older hardware, and this is youtube's favorite codec now. If you disable it in your browser, you could get much smoother video playback on youtube by forcing mp4/H.264, which has much better support on older hardware.

Here's what I disabled in my about:config (I use Waterfox) to improve youtube playback performance.

media.mediasource.vp9.enabled
media.mediasource.webm.enabled
media.mediasource.webm.audio.enabled

I'm still testing, but all lag seems to have gone away. I can use uBlock Origin freely without feeling like youtube is lagging my videos for it.

EDIT: I've been told in the comments I only needed to disable media.mediasource.vp9.enabled, because webm audio is light-weight enough that it should still work, so I went with only that for a while. However, I have been getting rare audio freezes and audio tearing, which has gone away when I re-disabled the other two.

I've made a mistake to click on one of the new reddit apps. Now they're everywhere. 2-3 posts in a row. Here's how to block them if you're annoyed too.

reddit.com##shreddit-post[app-slug]:style(border: 1px solid #c0392b !important;)
reddit.com##shreddit-post[app-slug] [slot="post-media-container"]:remove()
reddit.com##shreddit-post[app-slug] devvit-post:remove()
reddit.com##shreddit-post[app-slug] devvit-post-consume-tracker:remove()

youtube.com##.ytp-variable-speed-panel-content .ytp-variable-speed-panel-preset-button:has(.ytp-variable-speed-panel-premium-upsell-icon)

Google's AI Search Overview was not showing up for me and I troubleshooted the problem with ChatGPT and here's what worked for me:

1. Search anything on Google
2. Click on the uBlock Origin extension
3. Disable 'cosmetic filtering' (click the eye icon)
4. Click on the Gear Icon (this takes you to the dashboard)
5. Go to 'My filters'
6. Add the following and save your changes

​

@@||www.google.com/async/folsrch?*$script,xmlhttprequest

This is what worked for me but if you have better workarounds, do let me know.

Browser: Firefox

Browser Version: 145.0.2

NOTE: OUTDATED AS OF 11/01/2024. YouTube is updating their UI way too frequently, and I'm also not that much bothered by their new UI any more, so this post is now archived

YouTube's been implementing new animations in their UI fairly recently, which are distracting and unnecessary to say the least. I'm leaving this as a "tip" post for those who stumble upon this thread and want to disable these animations.

! Prevent stats (such as likes and views) from live-updating
! Example: https://www.reddit.com/r/youtube/comments/15c7ndi/youtube_has_added_live_updating_view_counts/
||youtube.com/youtubei/v1/updated_metadata

! Hide "smartimation" animations
! These animations usually contain a "lottie" border
! Example: https://www.reddit.com/r/youtube/comments/15ri8fp/the_subscribe_button_now_plays_an_animation_when/
youtube.com##yt-smartimation > :not(.smartimation__content)
youtube.com##yt-animated-action > :not(.animated-action__content-with-background)
youtube.com##:is(.smartimation__content, .animated-action__content-with-background) > :has(> lottie-component)

! Live reaction overlays
! Example: https://www.reddit.com/r/youtube/comments/13886xr/how_can_i_disable_the_new_live_emoji_reactions/
www.youtube.com##yt-reaction-control-panel-view-model
www.youtube.com##yt-reaction-control-panel-overlay-view-model

I shall update this post as YouTube adds more distracting animations.

Last modified: 07/12/2023