ui-interactions icon indicating copy to clipboard operation
ui-interactions copied to clipboard

Open source click and copy user interface interactions.

UI interactions

contributions welcome

Ready-to-use UI interactions using only one element and pure CSS. Because we love UI interactions and CSS!

Check it out

Table of contents

  • Why?
  • How does it work?
  • Contributing?
  • Spreading the word?

Why

Personally, I love to give feedback to the user during a web experience. A simple click in a button and a lot of stuff could happen in the page. So, why don't help/guide the user to understand what is happening in the UI to make the whole experience nicer?

  • ☝️ Only one tag per component (usually a button).
  • ❤️ Pure CSS.

How does it work?

All the components have two states: the default and the active state. The state toggle occurs based on a class is-active.

Contributing

More info here.

Spreading the world

Companies/projects using ui-interactions.

Soon, I hope! 😝

License

The code is available under the MIT License.