K–INSP–001 · Inspiration · Interactive · Interaction

Sticker Forge

A browser-based text and image sticker maker with unusually tactile peel motion.

By CatsJuice / @cats_juice

• Motion
• Creative tool
• Materiality
• Stickers

K–INSP–002 · Inspiration · Motion · Interaction

X Money Footer Trace

A cursor-following spotlight that locally intensifies the outlined X.com footer wordmark.

By X Money / X

• Text motion
• Typography
• Cursor
• SVG

K–INSP–003 · Inspiration · Motion · Interaction

Colossus Numerical Timeline

A hover-scrub milestone track paired with in-view rolling-number transitions.

By xAI

• Data motion
• Timeline
• Typography
• Scroll trigger

K–INSP–004 · Inspiration · Motion · Interaction

xAI Path of Progress

An event-dense chronology where hover selects a milestone and a spring tracks progress.

By xAI

• Timeline
• History
• Hover
• Editorial motion

K–INSP–005 · Inspiration · Motion · Interaction

Cursor Section Index Dot

A sticky page index whose single accent mark springs diagonally to the end of the current section label.

By Cursor / Anysphere

• Navigation
• Scroll
• Editorial motion
• Wayfinding

K–INSP–006 · Inspiration · Motion · Interaction

Cursor Training Compute Bars

A stacked proportion broken across three rows, where each bar grows at a length-derived pace and its own readout counts with it.

By Cursor / Anysphere

• Data motion
• Charting
• Scroll trigger
• Proportion

K–INSP–007 · Inspiration · Motion · Animation

Cursor Lattice Pulse Field

A canvas lattice that drifts, yields to the pointer, and carries coloured signals that leave a decaying trail.

By Cursor / Anysphere

• Canvas
• Generative
• Pointer
• Ambient motion

K–INSP–008 · Inspiration · Motion · Interaction

Cursor Benchmark Scatter

A reversed-axis scatter whose points, labels, series, and gridlines all re-project on one shared 600ms curve when the metric changes.

By Cursor / Anysphere

• Data motion
• Charting
• SVG
• Hover

K–INSP–009 · Inspiration · Interactive · Interaction

Cursor Community Globe

A draggable dot globe whose markers answer to the pointer, and whose card grows from a name into a record once chosen.

By Cursor / Anysphere

• Canvas
• Map
• Pointer
• Disclosure

K–INSP–010 · Inspiration · Motion · Animation

Cursor Logo Playback

A wordmark that animates by crossfading a pre-rendered transparent video over the static mark, on a hover and first-scroll trigger.

By Cursor / Anysphere

• Brand
• Video
• Hover
• Progressive enhancement

K–INSP–011 · Inspiration · Interactive · Interaction

Cursor Filter Dropdown

A filter menu that animates open and shut, except when the choice changes the list underneath — then it just goes.

By Cursor / Anysphere

• Menu
• Filtering
• Disclosure
• State

K–INSP–012 · Inspiration · Motion · Animation

Cursor ASCII Field

A canvas that samples a moving field to a character grid, choosing each glyph by brightness from a ramp with the wordmark inside it.

By Cursor / Anysphere

• ASCII
• Canvas
• Luminance
• Generative

K–INSP–013 · Inspiration · Interactive · Interaction

Cursor Savings Calculator

A slider whose visible parts are all drawn beside an invisible real input, and a figure whose digit wheel is solved in CSS rather than script.

By Cursor / Anysphere

• Forms
• Numbers
• Slider
• Editorial motion

K–INSP–014 · Inspiration · Motion · Animation

Cursor Teams Motion Set

Three small motions from one page: a two-faced flip that cycles a list of any length, a glow written per frame, and a shimmer that means still going.

By Cursor / Anysphere

• 3D transforms
• Status
• Shimmer
• Editorial motion

K–INSP–015 · Inspiration · Interactive · Interaction

xAI Pricing Tabs and Matrix

A three-way audience switch above plan cards, followed by a six-plan comparison matrix that changes its header language across breakpoints.

By xAI

• Pricing
• Tabs
• Comparison
• Responsive data

K–INSP–016 · Inspiration · Interactive · Interaction

xAI Imagine Swipe Stack

A four-card image stack whose top frame can be thrown in either direction, returned by a spring, or advanced automatically with a quieter fade.

By xAI

• Image stack
• Swipe
• Drag
• Automatic motion

K–INSP–017 · Inspiration · Interactive · Interaction

X Developer Uptime Strips

Thirty compact service-health slices that enlarge under the pointer and turn a dense endpoint table into a precise time-and-rate inspection surface.

By X Corp.

• Motion
• Status
• Data
• Hover
• Tooltip
• Service health

K–INSP–018 · Inspiration · Motion · Animation

X Developer Response Marquees

Three continuous rows of API response cards use four-copy tracks, different pacing, and one reversed direction to make live data feel abundant without becoming frantic.

By X Corp.

• Motion
• Marquee
• Cards
• API
• Continuous loop
• Data

K–INSP–019 · Inspiration · Motion · Animation

X Developer Comparison Border

A quiet old-versus-new comparison gives only the preferred card a moving border, turning one pixel of light into hierarchy, direction, and emphasis.

By X Corp.

• Motion
• Comparison
• Cards
• Border
• Hierarchy
• Pricing

K–INSP–020 · Inspiration · Interactive · Interaction

X Developer Glow Button

A nearly white action pill uses one tight shadow and one broad blurred halo to stay luminous at rest, then sharpens only its outer glow on hover.

By X Corp.

• Interaction
• Button
• Glow
• CTA
• Hover
• Focus

K–INSP–021 · Inspiration · Interactive · Interaction

xAI Imagine Restyle Comparator

A draggable divider clips one synchronized restyle over its source while a compact treatment rail swaps the compared media without resetting the composition.

By xAI

• Comparison
• Slider
• Video
• Clipping
• Restyle

K–STUDY–001 · Inspiration · Interface still · Mobile

Night Ferry

A quiet mobile journey planner built from invented routes and times.

• Navigation
• Dark UI
• State

K–STUDY–002 · Inspiration · Interface still · Web

Margin Index

An archive concept where annotations become navigation.

• Editorial
• Archive
• Type

K–STUDY–003 · Inspiration · Interface still · Dashboard

Soft Ledger

A household-resource dashboard using clearly fictional sample data.

• Data
• System
• Sample

K–STUDY–004 · Recreation · Motion · Animation

Interval No. 03

An internal Kaki motion study recorded as three static timing states.

• Motion
• Timing
• Type

K–STUDY–005 · Inspiration · Interface still · Web

Commonplace

A reading and annotation interface for returning to a thought.

• Reading
• Notes
• Editorial

K–STUDY–006 · Inspiration · Interactive · Interaction

Fold / Unfold

An expandable-navigation study about reveal and return.

• Navigation
• Reveal
• State

K–STUDY–007 · Inspiration · Interface still · Web

Weather Shelf

An ambient forecast layout using fictional sample conditions.

• Weather
• Ambient
• Sample