Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

60 second tutorial on Chrome extensions! ✨ ICYMI, learn how to build a Chrome extension with only 15 lines of code!

Hassan

90,618 subscribers

133,072 views • 1 year ago •via X (Twitter)

Science & Technology Education Comedy

Anya Rossi• Live Now

Private livecam show

10 Comments

Hassan1 year ago

Here's the code for the extension we build in the video!

Gustav Ekerot1 year ago

👍...I have been building browser extensions for over 3 years if anyone wants some specific tips, DMs open!

CRANQ1 year ago

Doing top work Hassan, great to see this. Being in the Plugin Business currently, fascinating to see how easy it is to achieve.

Hassan1 year ago

Thank you! Yeah it's easier than it looks tbh

Priyanshu Indra1 year ago

great one minute tutorial... 🙌🙌

Hassan1 year ago

Thank you!

Marwan Elwaraki 🇵🇸🕌1 year ago

This is the best 1 minute tutorial I’ve ever seen. Not rushed but also no time wasted. Incredible

Hassan1 year ago

High praise, thank you!

Michael Li1 year ago

Resume updated. Thank you sir!

Hassan1 year ago

Haha nice!

Related Videos

How to find the manifest.json file of any Chrome extension: 1. Go to chrome://extensions 2. Turn on Developer mode 3. Copy the extension ID 4. Go to ~/Library/Application Support/Google/Chrome/Default/Extensions 5. Find the matching ID then find the manifest.json file!

How to find the manifest.json file of any Chrome extension: 1. Go to chrome://extensions 2. Turn on Developer mode 3. Copy the extension ID 4. Go to ~/Library/Application Support/Google/Chrome/Default/Extensions 5. Find the matching ID then find the manifest.json file!

Critical Thinking - Bug Bounty Podcast

26,088 views • 1 year ago

Vibe coded a Chrome extension... so I can vibe code on CodePen.IO

Vibe coded a Chrome extension... so I can vibe code on CodePen.IO

mrdoob

50,844 views • 6 months ago

How I created a Chrome Extension using Cursor in less than 2 hours (Without writing a single line of code and without knowing anything about programming) Step-by-step beginner tutorial:

How I created a Chrome Extension using Cursor in less than 2 hours (Without writing a single line of code and without knowing anything about programming) Step-by-step beginner tutorial:

Moritz Kremb

257,671 views • 1 year ago

🚨BREAKING Claude is officially browser-native. The new Claude for Chrome extension runs end-to-end workflows in Chrome 🤯 You can: → Pull dashboard data into one analysis doc → Handle slide comments automatically → Build with Claude Code, test directly in Chrome and more!

🚨BREAKING Claude is officially browser-native. The new Claude for Chrome extension runs end-to-end workflows in Chrome 🤯 You can: → Pull dashboard data into one analysis doc → Handle slide comments automatically → Build with Claude Code, test directly in Chrome and more!

Charly Wargnier

57,183 views • 5 months ago

This is fast. Chrome running Gemini locally on my laptop. 2 lines of code.

This is fast. Chrome running Gemini locally on my laptop. 2 lines of code.

Morten Just

3,046,438 views • 1 year ago

i may have invented a new paradigm for mobile apps + chrome extensions never seen this before using Expo + to have a single code base deploying to - 🤖 android - 🍎 iOS - 💻 ALL browser extensions (chrome, firefox, etc.) 🤯

i may have invented a new paradigm for mobile apps + chrome extensions never seen this before using Expo + to have a single code base deploying to - 🤖 android - 🍎 iOS - 💻 ALL browser extensions (chrome, firefox, etc.) 🤯

Peer Richelsen — oss/acc

158,978 views • 6 months ago

ANSRS PlayFinder is a Chrome Extension that streamlines your workflow by automatically importing the data and video from your video provider into ANSRS. 👉 Current customers check your email for directions on how to download the Chrome Extension! 🔗: Learn more about ANSRS⬇️ #ANSRS #PlayFinder

ANSRS PlayFinder is a Chrome Extension that streamlines your workflow by automatically importing the data and video from your video provider into ANSRS. 👉 Current customers check your email for directions on how to download the Chrome Extension! 🔗: Learn more about ANSRS⬇️ #ANSRS #PlayFinder

ANSRSFB

10,471 views • 11 months ago

Introducing the world's first AI Chrome Extension Builder. Turn the manual steps you take on any website into an AI extension that does them for you. Describe it to Blink. It builds the AI extension. Download. Launch on Chrome Web Store. Comment Chrome + RT for a free month.

Introducing the world's first AI Chrome Extension Builder. Turn the manual steps you take on any website into an AI extension that does them for you. Describe it to Blink. It builds the AI extension. Download. Launch on Chrome Web Store. Comment Chrome + RT for a free month.

Blink.new

29,663 views • 18 days ago

I have never build any Chrome Extension in my life. But with AI I was able to build a small extension that I always wanted to build in 1 minute. Prompt to Claude Code: Implement a Chrome extension where when I am on or show an icon for each tweet on my twitter feed to add it to "read me later" list which is maintained on browser storage. The extension should show a button in the top bar and when I click it it should display list of those tweets as one-liners with a button as "Done". When I clicked "Done" that tweet should be removed from the list. Result: 🤩👇

I have never build any Chrome Extension in my life. But with AI I was able to build a small extension that I always wanted to build in 1 minute. Prompt to Claude Code: Implement a Chrome extension where when I am on or show an icon for each tweet on my twitter feed to add it to "read me later" list which is maintained on browser storage. The extension should show a button in the top bar and when I click it it should display list of those tweets as one-liners with a button as "Done". When I clicked "Done" that tweet should be removed from the list. Result: 🤩👇

Siva

36,612 views • 3 months ago

Chrome Effect Tutorial

Chrome Effect Tutorial

Premiere Pro Tricks!

61,552 views • 11 months ago

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting

Bramus

40,932 views • 2 years ago

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)

David Ch

1,629,597 views • 3 months ago

How to use Hot Wallet extension on a mobile phone? Hey everyone, today's video tutorial is about how to use HOT Protocol 🔥 on iOS Mises Browser. If this video tutorial is helpful for you, please also RT it to help others! If it doesn't answer your question, please contact for support! If Mises Browser is something you've never heard of, please take one minute to read this: Mises Browser is the world's first mobile Web3 browser that supports Chrome extensions on both Android and iOS. More than 5 million users choose Mises Browser to access Web3 applications on mobile. You can also try the 1st iOS browser which supports Chrome extension via this link: and you won't regret it! #Mises #Web3 #iPhone #Extension #Hotprotocol #wallet

How to use Hot Wallet extension on a mobile phone? Hey everyone, today's video tutorial is about how to use HOT Protocol 🔥 on iOS Mises Browser. If this video tutorial is helpful for you, please also RT it to help others! If it doesn't answer your question, please contact for support! If Mises Browser is something you've never heard of, please take one minute to read this: Mises Browser is the world's first mobile Web3 browser that supports Chrome extensions on both Android and iOS. More than 5 million users choose Mises Browser to access Web3 applications on mobile. You can also try the 1st iOS browser which supports Chrome extension via this link: and you won't regret it! #Mises #Web3 #iPhone #Extension #Hotprotocol #wallet

Mises

11,838 views • 1 year ago

I'm hosting a free masterclass for AI coding beginners tomorrow! We'll cover: - Which AI builder tools to use - How to build a custom chrome extension entirely with AI - How to build a simple SaaS web application - Q&A Comment "builder" and I'll DM you the access link

I'm hosting a free masterclass for AI coding beginners tomorrow! We'll cover: - Which AI builder tools to use - How to build a custom chrome extension entirely with AI - How to build a simple SaaS web application - Q&A Comment "builder" and I'll DM you the access link

Moritz Kremb

206,078 views • 1 year ago

how to learn anything 10x faster with youtube... use this chrome extension to import any youtube channel, playlist or search result into Notebook LLM turns any video content into interactive learning sessions

how to learn anything 10x faster with youtube... use this chrome extension to import any youtube channel, playlist or search result into Notebook LLM turns any video content into interactive learning sessions

Machina

50,613 views • 10 months ago

Articles everywhere. Save with our Chrome extension. Listen on the web or synced to your phone — in under 10s.

Articles everywhere. Save with our Chrome extension. Listen on the web or synced to your phone — in under 10s.

ElevenReader

10,723 views • 4 months ago

Tutorial🔴🟣🔵 How to design and animate a rolling chrome ball in Figma . - Lets dive in!🧵:

Tutorial🔴🟣🔵 How to design and animate a rolling chrome ball in Figma . - Lets dive in!🧵:

Camden @ Designownow

285,053 views • 1 year ago

Extensions are an integral part of Visual Studio Code - and now, Copilot functionality can be added to your extensions. See this in action with the GitHub Pull Requests extension, using Copilot to summarize issues/PRs. Available to everyone today with GitHub Copilot Free. Learn more:

Extensions are an integral part of Visual Studio Code - and now, Copilot functionality can be added to your extensions. See this in action with the GitHub Pull Requests extension, using Copilot to summarize issues/PRs. Available to everyone today with GitHub Copilot Free. Learn more:

Visual Studio Code

68,105 views • 1 year ago

In-Browser-AI-Models are here 🤯 This is Gemini Nano running on my M1 Macbook Pro using the latest Chrome Canary version. Most of the text generations are completed in under 500ms - entirely offline too! Adding this to a Vue app is only ~15 lines of code. Pretty insane!

In-Browser-AI-Models are here 🤯 This is Gemini Nano running on my M1 Macbook Pro using the latest Chrome Canary version. Most of the text generations are completed in under 500ms - entirely offline too! Adding this to a Vue app is only ~15 lines of code. Pretty insane!

Marcel Pociot 🧪

26,335 views • 1 year ago

Chrome effect tutorial By: zero msh

Chrome effect tutorial By: zero msh

PB©

162,830 views • 5 months ago