流星花園1故事的起源在一所超級白金學院，它是四大家族為培養優秀后代而創立的，因此身為四大家族之后的F4在學校里的地位便可想得知，從幼稚園、國小、高中一直到大學，學校里沒有人敢反抗F4這四個霸氣的大男生，直到她的出現，搗亂了這看似控制得宜的局面。她——牧野杉菜一介平凡女子，帶著父母要她飛上枝頭變鳳凰的夢想來到這里，在好友李真不小心惱怒了F4為首的道明寺，并引發杉菜為友情出頭，從此展開了她與F4之間的愛恨情仇。F4逼人退學的紅條子不出所料地貼在杉菜身上，同學們如鳥獸竄地離她而去，連好友李真也躲在一旁不敢出聲，這個學校真的沒有王法了，杉菜努力打工賺買來的機車，不是爆胎，就是被解體，垃圾不待在垃圾桶里卻倒在杉菜頭上，朋友不互相幫助卻企圖強暴她，杉菜終于受不了了，她要抵抗，她要給豬頭四教訓，她要他們紅條，誰怕誰啊。而杉菜的勇氣跟堅毅實在有別于其他女孩，道明寺看在眼底，似乎動了凡心，他要人挾持杉菜到家里，給她作最棒的護膚課程、發型設計、服裝供給，目的就是要杉菜臣服在他之下，誰知道如雜草般的杉菜根本不吃這一套，道明寺氣極了。道明寺的刻意接近杉菜引起了學校喜歡道明寺女孩的嚴重醋意，她們決定好好羞辱一下杉菜，于是假意邀請她參加牛仔舞會，誰知道當杉菜到達之時，才發現是個陷阱，這根本不是牛仔舞會，這是高級宴會啊，大家都穿得好正式，百合千會這兩個假意是好友的同學根本就不安好心存心讓杉菜出糗，沒關系，雜草般的杉菜會作出反擊的。雖然在宴會里無法整到杉菜，百合、千會決定拿出花澤類心儀的對象藤堂靜來打擊杉菜，因為他們知道杉菜似乎有那么一點喜歡F4一員的花澤類，而這樣的反擊真的成功了，藤堂靜的回國的確帶給杉菜相當的沖擊，再加上她親眼目睹花澤類在藤堂靜的海報前失神的樣子，杉菜真的不知道該怎么辦，而這個時候花澤類竟然吻了她…… 流星花園2F4畢業F4從英德學院畢業了，杉菜的父母也從漁村搬回來，和杉菜一起生活。道明寺邀杉菜一起到西班牙畢業旅行，但兩人卻又因故吵架賭氣，眼看巴塞羅那之行即將泡湯，F3于是用計將這對別扭的情侶送往巴塞羅那，為兩人制造機會。道明寺遇車禍臨行前，花澤類交給道明寺一封“秘密信函”，要他到西班牙再拆開來看。第一次暢游巴塞羅那街頭的杉菜，喜悅又興奮。巴塞羅那的浪漫，讓這對戀人的感情甜蜜加溫。受到花澤類“秘密信函”啟發的道明寺，買下杉菜在市集看中的一只流星戒指。道明寺失憶道明寺的無故失蹤讓杉菜開始感到不安，她找來在西班牙留學的藤堂靜幫忙。無意間，杉菜和藤堂靜發現了花澤類交給道明寺的“秘密信函”，信中花澤類希望道明寺能在那座教堂里跟杉菜求婚，替他完成和藤堂靜未能實現的傳說，杉菜和藤堂靜讀完信后各自感傷。此時，F3亦從臺灣趕來巴塞羅那。花澤類在安慰杉菜的過程中與其深深相戀，失去記憶的道明寺和雪兒產生了真感情；花心的西門終于找到移民他鄉的小優，美作則和吳佩慈扮演的女主角墜入情網……
