Skip to content
Open source click and copy user interface interactions.
CSS HTML JavaScript
Branch: master
Clone or download
Latest commit f578f3f Oct 7, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.core first commit Jul 28, 2019
dist build dev Oct 7, 2019
.gitignore adds package-log to gitignore Oct 7, 2019 first commit Jul 28, 2019
LICENSE Initial commit Jul 28, 2019 updates README Jul 28, 2019
index.js first commit Jul 28, 2019
package.json Updates version Oct 7, 2019
webpack.config.js first commit Jul 28, 2019
yarn.lock build dev Oct 7, 2019

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


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.


More info here.

Spreading the world

Companies/projects using ui-interactions.

Soon, I hope! 😝


The code is available under the MIT License.

You can’t perform that action at this time.