andremnds / ui-interactions

Open source click and copy user interface interactions.

Home Page:https://raphaelfabeni.com/ui-interactions/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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.

About

Open source click and copy user interface interactions.

https://raphaelfabeni.com/ui-interactions/

License:MIT License


Languages

Language:CSS 50.0%Language:HTML 38.4%Language:JavaScript 11.6%