露比·格曼（Ruby Gillman）是內向低調的16歲海怪少女，她跟着父親亞瑟、擔任房地產經紀人的母親阿嘉莎、弟弟山姆待在陸地的濱海小鎮「海岸鎮（Oceanside）」生活，同時是海岸高中（Oceanside High）的學生。她平常必須隱藏自己的海怪型態在學校活動，與班上同學特雷文與布莉絲是親密的朋友，同時被母親禁止前往海域地區活動。由於母親的禁令，她無法出席在客船舉辦的海上畢業舞會，但禁不住特雷文與布莉絲的積極邀約，便被她們說服，準備詢問自己暗戀的少年康納是否願意出席舞會，然而露比為了救不慎落水的康納而跳下海裏，接觸到含有鹽分的海水導致原形畢露，變成巨大的海怪，康納則被不久前轉來學校裏的人氣新生切爾斯帶回岸上。發現此事的阿嘉莎急忙趕往露比身邊，陸續和亞瑟、山姆、露比的舅舅布里爾會合，最終露比在家人的協助下讓心情冷靜和恢復原狀。

露比起先對自己的能力感到不知所措，指責母親對她隱瞞這件事，但在布里爾向她說明過後，露比決定拜訪棲居在海裏的外祖母，事情發展卻遠出乎露比的預料：外祖母的真實身分是七海女王戰士，她告知露比其實是繼承戰士海妖女王的直系血統的公主，這意味着露比有繼承王位的資格與守護海洋的義務，七海女王戰士說明海怪族人長年和海洋裏富野心的美人魚一族抗衡，還有當年美人魚們如何被永遠囚困的往事。露比雖然對繼承王位一事表示拒絕，仍然慶幸自己遇見外祖母告知詳情，未料露比準備返家的時候，不慎被老水手燈塔高登捕獲，此時露比發現切爾斯出現在她的面前，切爾斯透露自己是美人魚的真實身份，出手救了露比幫助她脫困。

翌日，露比準備像往常般度過平凡的校園生活，但由於此前露比變身成巨大海怪的形態被人錄成影片四處傳播，這讓焦慮不已的露比找到切爾斯，兩者翹課相談各自的經歷，切爾斯在交談期間提及海洋裏存在着一隻俱備強大力量的三叉戟，還有切爾斯的母親遇害的往事，她轉而懇求露比取得三叉戟，促成海怪與美人魚和解團結。露比被切爾斯的理念打動，決定盡自己所能幫助切爾斯兼提升自己的能力，於是她再度向外祖母求助，經由外祖母的引導發掘自身天賦和作戰技巧。

海岸高中舉辦海上畢業舞會的當夜，露比與母親在談話過程中聊起切爾斯的事情，阿嘉莎對女兒和身為海怪世敵的美人魚往來感到失望與憤怒，勒令她禁止和外祖母見面。露比背着家人，取得切爾斯所說的三叉戟，趕着和切爾斯會面，豈料切爾斯從露比的手裏取得三叉戟後，對她的態度立刻急轉直下，不但露出原本的真面目，變身成巨型的白髮闇黑色人魚，還在準備摧毀海岸鎮之前困住了露比。原來切爾斯此前所說「讓海怪與美人魚達成團結」的願望，只是欺騙露比為她取得三叉戟的幌子，切爾斯真正的意圖是讓三叉戟的力量為己用。驚覺此事的外祖母與阿嘉莎連忙挺身對抗切爾斯，布里爾則發現遭切爾斯背叛而鬱悶難耐的露比，陪伴在露比的身邊讓她重新振作。為了彌補自己的過失與對抗切爾斯，露比鼓起勇氣游上水面，正式和切爾斯展開對決，過程中露比、阿嘉莎、外祖母察覺只要具備足夠的力量，便能將三叉戟摧毀，三者聯合發動鐳射眼成功摧毀了三叉戟，最終切爾斯因為三叉戟被破壞失去力量，恢復成原來的身型，隨後老水手燈塔高登發現和捕獲了切爾斯，便順勢將她擄走。

事件落幕後，露比與朋友們和解，如願邀請康納和她共赴舞會。經過一段日子後，海岸鎮的眾人回歸日常生活，露比與康納正式交往，她還承接起守護海岸鎮的義務，成為當地的守護者。