The Vibeary — tag

interaction

12 resources in The Vibeary tagged "interaction" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of The Craft of UI

The Craft of UI

Newsletter of long-form UI craft write-ups covering scroll-driven animation, CSS motion tricks and interaction detail, with live demos.

Jhey Tompkins (@jh3y)free
Preview of Rauno Freiberg — Craft

Rauno Freiberg — Craft

Running log of interface prototypes and essays: radial menus, minimaps, depth, adaptive precision and interaction detail.

Rauno Freiberg (@raunofreiberg)free
Preview of Matter.js

Matter.js

2D rigid-body physics engine with collision, constraints and composites, frequently repurposed to make UI elements tumble and stack.

Liam Brummitt (@liabru)MIT
Preview of CodyHouse Library

CodyHouse Library

Component library of interaction-heavy patterns with articles explaining the motion decisions behind each demo.

CodyHouse (@CodyHouse)freemium
Preview of Origami Studio

Origami Studio

Meta's free desktop tool for designing and prototyping interactions with a patch-based logic graph and hardware APIs.

Metafree
Preview of d3-lasso

d3-lasso

Free-form lasso selection for D3 charts, letting users draw around points to filter scatterplots.

Steven Okenes (@skokenes)open-source
Preview of jhey.dev

jhey.dev

Design engineer's site of CSS experiments, interaction demos and interface challenges, backed by a huge CodePen archive.

Jhey Tompkins (@jh3yy)free
Preview of Apollo

Apollo

Custom cursor library with hover targets, magnetic snapping and state machines for element-specific cursor modes.

Adoratorio Studio (@Adoratorio)MIT
Preview of Ripplix

Ripplix

Collection of interface animations and interaction clips gathered for motion reference.

Unknownfree
Preview of ProtoPie

ProtoPie

High-fidelity prototyping tool with variables, formulas, sensors and cross-device triggers, used for automotive and hardware HMI work.

ProtoPiefreemium
Preview of Great Animations

Great Animations

Essay breaking down what separates animations that feel good from ones that feel wrong, with side-by-side interactive comparisons.

Emil Kowalski (@emilkowalski)free
Preview of Hoverstat.es

Hoverstat.es

Curated gallery of web design work selected specifically for interaction and motion quality rather than visual styling alone.

Official Business (@hoverstates)free