inspiration

Arrow Navigation Styles

By Mary Lou on

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. ...

Morphing Buttons Concept

By Mary Lou on

Some inspiration for a morphing button concept where the action element (button) morphs into a component. The examples show different types of components, i.e. fulls ...

Inspiration for Item Transitions

By Mary Lou on

Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product i ...

Simple Stack Effects

By Mary Lou on

A set of simple stack effects for inspiration. The main idea is to have one item shown initially and then, on some trigger, more items are revealed as decoration. As ...

Dot Navigation Styles

By Mary Lou on

Today we'd like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or ...

Labels: Managing User Expectations

By Patrick Cox on

An article about how to manage user expectations by properly labeling UI components. The better users are able to predict what an interaction will do, the more trust ...

Designing with Motion

By Henry Modisett on

Animations in a website or app should be subtle, complex, and natural. The right combination of these can make a UI feel responsive and alive. ...