It's not unheard of. A few examples come to mind:

- Go By Example: https://gobyexample.com/

- Rust By Example: https://doc.rust-lang.org/rust-by-example/

- V [a weird knockoff of Go] By Example: https://v-community.gitbook.io/v-by-example/

There's also 'Learn X in Y Minutes' (https://learnxinyminutes.com/), which covers a range of different 'X'es. They make it ridiculously easy to get going with a new tool/language, IMO. It's a superb paradigm in general.

I loved the simplicity and directness of the UI too. Specially like the feature where mouse cursor maps to code blocks, how did you create this ? I'd like to use this framework if possible for tech blogs.

Thanks! The page itself is just simple HTML and tables. I generated it from YAML files with a custom HTML generator, see for example: https://github.com/macintoshpie/ghactionsbyexample/blob/df6f...