Some fun experiments with components I've wanted to see or make for this site.

A button that nods to the real world

You missed the best part of the button.
It's animation!
This could have happened because:
  • You tapped really fast
    (like less than 10 milliseconds fast)
  • You used a touch tap on a trackpad
Use a full click to see the animation.
Press esc (or this line) to close this dialogue.
Click me. I dare you!

Buttons that fire based on hold time

(The component actually controls firing the modal with the analog button above)
Here, you can play around with the parameters and change the background colors based on your press time
Click me and hooooooooold

A Card with a fancy footer

Drop Down Card Title

This is a card that you can style however you want.I did not put a lot of styling into the card, because the real reason for this component is the footer.What footer you ask?If you hover over me, a footer will drop down from the bottom of the card.
Voila! un Footer.
: : :

Same Component, Different Style

Hover over the box for extra fun
Sorry no WebGL supported!
I'm a fake button. Press me!
Press me too!
↤ I'm a cool handle bar 😎 ↦
🤠
Voila! un Footer.
: : :