すいません、もう少し教えてください

頭の中のイメージを実装したいとき、何を使ってどう進めるものですか？

例えばこんな部品とか
https://blog.maromaro.co.jp/stylerecipe

サイト全体で言えばこんなのとか
https://parot.jp/
https://hyou.show/

動きはJavaScriptだとわかりましたが、それ以前の見た目の部分のモダンな作り方がわかりません
まさかみんなHTMLのタグやCSSのプロパティをちまちまエディタで手打ちして作ってるんですか？