Awesome Vivaldi

A Curated Community Mod Pack for Vivaldi Browser

English | 简体中文

Table of Contents

• Introduction
• ***Installation
• Latest Updates
• Feature Showcase
• Vivaldi Max (AI Features)
• Mod List
• Community Mods
• Documentation

Introduction

This modpack is always updated with Vivaldi, Vivaldi 8 latest is currently supported.

Which version of Vivaldi browser are you using? If you're not sure, check it out at vivaldi:about.

Installation

1. One command installation scripts (experimental)

Windows (PowerShell)

irm https://raw.githubusercontent.com/PaRr0tBoY/Awesome-Vivaldi/main/install.ps1 | iex

macOS (bash)

curl -fsSL https://raw.githubusercontent.com/PaRr0tBoY/Awesome-Vivaldi/main/install.sh | bash

To Uninstall, run the scripts again.

2. Or If you have agents like claude code on your pc, ask it to:

Install https://github.com/PaRr0tBoY/Awesome-Vivaldi for me.

3. Or Click me to navigate to the Manual Installation Guide.

Latest Updates

Showcase	Mods
	VividToast.css + VividToast.js
	VividPeek.js
	restorepinnedtab.js

Feature Showcase

Showcase	Mods
	VividPeek.css + VividPeek.js
	VividPlayer.css + VividPlayer.js
	FavouriteTabs.css
	PeekTabbar.css
	Quietify.css

Vivaldi Max(AI Features)

Showcase	Mods
	TidyTabs.css + TidyTabs.js + TidyTitles.js
	TidyDownloads.js
	TidyAddress.js
	AskOnPage.js

Mod List

 

CSS

File	Description
AdaptiveBF.css	Hide back/forward buttons when unnecessary
VividPeek.css	Arc peek experience (pair with VividPeek.js)
BetterAnimation.css	Smoother overscroll animation
BtnHoverAnime.css	Button hover animation (disabled by default)
DownloadPanel.css	Download panel theming
Extensions.css	Extensions dropdown as list, overflow handling
FavouriteTabs.css	Arc-like favorite tabs grid (first 9 pinned tabs)
AskOnPage.css	Ask on Page styling — floating AI find bar
VividQC.css	Arc-like quick command styling
LineBreak.css	Utility / omit it
PeekTabbar.css	Peek tabbar on hover with 2-level stacking
Quietify.css	Sleeker audio indicator
RemoveClutter.css	Hide scrollbars & visual clutter
TabsTrail.css	Green trail on active/hovered tabs
TidyTabs.css	AI tab grouping (requires TidyTabs.js)
VivalArc.css	Arc theme port (incompatible with this modpack)

Javascripts

File	Description
VividPeek.js	Arc peek dialog support (pairs with VividPeek.css)
AskOnPage.js	Ctrl+F AI page search — find or ask anything, inline citations
Diabar.js	AI sidebar chat — page Q&A, summaries, rewrites
AutoHidePanel.js	Auto-hide side panel
EasyFiles.js	Opera-inspired file attachment via clipboard & downloads
ModConfig.js	Shared settings panel for AI keys and supported mods
MonochromeIcons.js	Monochrome web panel icons to reduce visual noise
QuickCapture.js	Auto-select capture area with clipboard/file/default modes
TidyDownloads.js	AI download filename cleanup
TidyTabs.js	AI tab grouping (pairs with TidyTabs.css)
TidyTitles.js	AI tab title cleanup
TabManager.js	Workspace Board panel for viewing and managing workspace tabs
TidyAddress.js	Rewrites the visible URL suffix into an AI-generated slug
VividToast.js	Toast notification logic (pairs with VividToast.css)

Community Mods

Community JS Mods And CSS Included In This Modpack

📸 Element Capture

This mod adds the function of automatically selecting the area to capture when taking screenshots.

Colorful tabs

Part of the code that calculates the color from an icon

Monochrome icons

This modification changes the hue of all web panel icons and makes them monochrome. The panel becomes overtly busy and the colors are all over the place with web panels, therefore it makes sense toning them down somewhat and letting them blend in more.

Import Export Command Chains

This mods helps import and export command chains for Vivaldi. This mod comes with the ability to directly install code exported through the code block (```) of the Vivaldi forum.

📂 Easy Files

This mod is inspired by opera. It makes attaching files easier by displaying files in the clipboard and downloaded files.

Click to add Blocking list

This mod add support for adding the block list by clicking on the link in sites like other adblock.

Global Media Controls Panel

This mod will add a Global Media Controls in vivaldi's panel similar to Global Media Controls in chrome

Markdown Editor for Notes

Simple Markdown Editor for Notes Editor

Open panels on mouse-over.

Auto-close when you mouse over to body Don't open if mouse exits screen before timeout period Unique delays based on situation

Dashboard Camo: Theme Integration for Dashboard Webpages

It takes all the custom CSS properties which Vivaldi sets according to your theme and passes them to all webpage widgets, where you can use them for styling your custom widgets.

Colorful Top Loading Bar

A JS and CSS that make Vivaldi's Title bar visually appealing when a webpage is loading.

Feed icons

This is a small mod that converts feed icons into website icons.

Address Bar like in Yandex Browser

Make address bar displays the title of the current page and the domain, clicking on which leads to the homepage of the website.

Open in Dialog mod

A mod to open links or a search in a dialog popup.

Auto expand and collapse tabbar for two-level tab stack: Rework

Auto expand and collapse tabbar

Auto expand and collapse tabbar for two-level tab stack: Rework

Auto expand and collapse tabbar

Theme Previews Plus | Vivaldi Forum

To make theme preview properly reflect the actual placement of your tab bar, address bar, and panel bar, as well as show floating tabs when those are enabled.

NOTE: This mod only works when the settings page is opened in a tab ("Open Settings in a Tab" is enabled in vivaldi://settings/appearance/).

tovifun/VivalArc: With just a few tweaks, you can give Vivaldi that cool Arc vibe

Part of codes in this repo is used.

---

Documentation

Browse the full documentation portal at Doc — design philosophy, mod architecture deep-dives, API references, and reverse-engineered Vivaldi internals.

---

Tip of the Day

1. Navigate to vivaldi://vivaldi-urls/, toggle on Enable internal debugging pages.
2. Next, go to vivaldi:settings/qc/ and create a new Quick Command with the following content:
3. Open Link in Current Tab with the url:chrome://restart
4. After that, customize toolbar and add this restart button
5. You can now restart Vivaldi with one click. If you’re a modder, this comes in handy whenever you need to reload to make your mods take effect.
6. You can also modify the icon of the toolbar button at vivaldi:settings/themes/

---