Skip to content
Notifications You must be signed in to change notification settings

SatyamRaj67/SOM_Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

48269d5 · · Oct 8, 2025

History

84 Commits
Oct 1, 2025
Oct 2, 2025
Oct 8, 2025
Oct 2, 2025
Oct 1, 2025
Oct 6, 2025
Oct 7, 2025
Oct 8, 2025
Oct 8, 2025
Oct 8, 2025
Oct 8, 2025
Oct 8, 2025
Oct 6, 2025
Oct 8, 2025
Oct 8, 2025
Oct 8, 2025
Oct 8, 2025

Repository files navigation

HTML5 CSS3 JavaScript JSON

INFO

This project is a Music Player that has much better UI and animations. With theme support just from a colour.

It offers great customization, and it is API FRIENDLY!!

Everything is loaded from a simple JSON file, which can easily be changed based on whatever you give it.

This also makes it AI friendly, and thus if you want to integrate AI, It can easily be implements

Due to lack of money, I cannot host a server for myself, so you need to deal with it.

INSTALLATION

This project had pirated content (aka music) so I cannot officially put it on the web stores across the browsers. You will need to..

There are a few steps, but they are quite easy installation. SO INHALEEEEE, EXHALEEE, AND BARE WITH ME. YOU CAN DO THIS!!

STEP-1: Download the latest Release

Available at Releases Download the zip, which has the latest tag on it..

image

The downloaded file should look like this image

STEP-2: Extract it somewhere on the computer

Right click on zip, and extract the folder!!

image

STEP-3: Go to chrome://extensions

Don't worry, it will automatically take you to your extensions panel

I use brave, so this is how, mine looks like

image

STEP-4: Enable DEVELOPER Tools

On the top left corner, there is a button to toggle on and off Developer Mode. Turn it On.

image

STEP-5: Load Unpacked

Then you will see some new options appear on the top. Choose the button that says Load Unpacked!! image

STEP-6: Choose the folder which was extracted

NOTE:- Make sure, it is not the extracted folder, but the one folder inside it, ELSE, IT WILL GIVE AN ERROR!! image See the image, I am one folder inside, and then there is the main folder..

STEP-7: Enjoy the extension by pinning it.

image

Clicking on the extension will open the popup or what I like to call. THE MUSIC CONTROL PANEL. Enjoy the animations, transitions, and the simple yet convenient UI designs..

ABOUT ME

I am Satyam Raj, A solo indie web dev. I have made powerful UI. Be sure to checkout my works

LOOKS

This is a really customizable project and uses advanced CSS tooltips that I have learnt over the years. From using oklsch for colours, to assigning root variables and intermixing colours and much more. Easily integratable, and FAST AS F.

Satyam: Like, who uses React.

ANONYMOUS HELPER: Basically the internet, SIR

Satyam: BUT APART FROM THE WHOLE WORLD WHO USES IT?

ANONYMOUS HELPER: Aliens too use them, SIR

SATYAM: GOSH, STOP, WHAT SORT OF HELPER ARE YOU.

ANANONYMOUS HELPER: Alien, SIR 👽

image image image

TODO:

Urgent

  • Volume Controls
  • Add more songs
  • Revamp even more animations
  • Add background elements

Missceleneous

Sorry, Now they are left uncompleter

  • Shuffle Button
  • Loop Button

SHOUTOUT

HACKCLUB for making me do this

BTW, It was the event CARNIVAL that inspired me to make an extension like this

SHOUTOUT TO https://www.youtube.com/@hankypankus MAKES GOOD MUSIC!! - Youssef (Found dead 2 min later))

Thanks for other community members like, Hannah, Gizzy, One for Freedom, and ChessPotato, to be joining this participation!!