Glorious Demo is an open source javascript library that exposes an easy API to create animations for your code samples. Projects like https://nodecron.com/ are already using it.

Hello Makers! Inspired on WeDeploy's homepage, I've just published this open source library to help others creating beautiful animations for code samples. Any feedback will be very welcome. I hope you like it.

Nice! I like that the animations are light-weight. First thought - this would be really handy in school for CS hw assignment instructions ... haha

@zelena Thank you Elena!

Just as a heads up, when you use the code editor in safari, the line that shows the user where you are in the terminal isn't displaying correctly. Instead it's types on the line above where it presents to the user. See screenshot: https://imgur.com/a/OF4Wm2N

@sam_ayres Hey Sam! I just noticed that I really need to fix a couple visual bugs in Safari. Thank you so much for letting me know 👍🏻

@rcamargo No problem! I'll definitely be using it when I have reason too. 😁

Hey, great product! It'd be awesome if it included `speed` per code snippet. e.g. a piece of code that is 3x and another that is 1x. This is useful to display code that is not critical at a fast speed. Best, Ignacio

Hey, Ignacio! I have just open an issue on the project's repository to address this enhancement: https://github.com/glorious-code... Note: It's convenient to let you know that you have also the possibility of defining some initial code block. So, the typing animation will be applied to the the final part of a code snippet only. See the "initialContent" option on the following README section: https://github.com/glorious-code... Thank you so much for your review!

Glorious Demo

Create glorious animations to show your code in action.

Do you use Glorious Demo?

You might also like

You might also like