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–INSP–022 · Inspiration · Interactive · Interaction

Vercel Barcode Scanner

A barcode set inside a headline is secretly a button: a scan line follows the mouse after a short delay, parks mid-code for keyboard and touch, and a press locks four corner brackets around it.

By Vercel

• Interaction
• Pointer
• Hover
• Headline
• Easter egg
• Focus

K–INSP–023 · Inspiration · Interactive · Interaction

Vercel Platforms Dial

A headline whose last words sit on a turning wheel of platform names, driven by a knurled dial you can click, twist, drag or step with the arrow keys — and above 1280px the same list bows into an arc.

By Vercel

• Interaction
• Motion
• Headline
• Dial
• Drag
• Sound

K–INSP–024 · Inspiration · Motion · Animation

Vercel Drawn Adjectives

A headline that swaps its last word every four seconds, where each word arrives as its own small drawing — sparkled, handwritten, measured, celebrated, sped — and the sequence stops for good on the last one.

By Vercel

• Motion
• Headline
• Typography
• SVG
• Stroke drawing
• Rotating text

K–INSP–025 · Inspiration · Interactive · Animation

SynCraft One-Line Town

A whole town drawn without lifting the pen, while three little residents run along behind the ink, hop the pit, the box and the steps, slide down the bridge, and jump together whenever the town is tapped.

By SynCraft

• Motion
• Interaction
• Illustration
• SVG
• Line drawing
• Characters

K–INSP–026 · Inspiration · Interactive · Animation

SwingCat Pendulum Cat

A patched cat that sits under a swinging pendulum, leaps up to catch the ball when the pointer arrives, rides the swing with its tail swaying, and on a click lets go — eyes wide, mouth open — and drops out of sight before sitting back down.

By SynCraft

• Motion
• Interaction
• Character
• Illustration
• Hover
• SVG

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