A boilerplate MV3 browser extension for injecting custom styles and scripts into websites. Zero configuration. You describe what you want to change about a site to Claude Code and it writes the CSS and JS for you.
We've tried blockers, time trackers, and screen time limits to help us use platforms more intentionally. Those tools work around the edges, but the platforms themselves stay the same. Fence lets you reach in and change them. Remove the feeds you didn't ask for, redirect to the views you actually want, and strip out the parts that pull your attention sideways.
A core goal is hiding algorithmic surfaces. Suggested content feeds, autoplay recommendations, trending sections, shorts, and anything else designed to keep you browsing instead of doing what you came to do.
Chrome is the easiest way to develop. Load the extension unpacked, run the dev server, and changes take effect immediately — no build step. Safari works too but requires converting to an Xcode project first.
- Go to
chrome://extensionsand enable Developer mode - Click Load unpacked and select this project directory
- Run
node dev.mjsfor live reload while you work
- Run
xcrun safari-web-extension-converter /path/to/fence --project-location ./fence-safari --app-name Fence - Open the generated Xcode project, build and run
- In Safari, go to Settings > Extensions and enable Fence
- You may need to enable Allow Unsigned Extensions in the Develop menu
Removes Shorts entirely and hides the suggested videos sidebar so the player goes full width. Homepage redirects to subscriptions.
Redirects the homepage to the Following feed so you see posts from people you follow instead of the algorithmic feed.