Default Monochrome

Every setting deserves a default. This one deserves grey.

× An error occurred or something.

Either that or you're about to do something permanent.

✓ Success!

The transaction went through, you will be contacted shortly.

Your reference number is:

Blurple

I feel like this combo would have a pleasant smell?

Sunset

Warm echoes of summer channel the serenity of an ocean breeze

Fancy Modal

Some examples of animating the <dialog> element, as an attempt to recreate a cool animation I saw on reddit. I think its turned out pretty well, the animation is all CSS with a bit of JS to handle the events. I've done a few colour variants, you could actually go much further with customising these - have them come in from different angles and such.

I've put the code for this demo on Github, and you are welcome to use it. I would suggest that it's best suited as inspiration for your own custom modals, rather than production-ready code itself.