Micro Interactions

• Shredder

  A list with a paper shredder at the bottom that cuts dragged rows into curling strips.

• Paper Crumple

  An image that crumples into a textured 3D sheet while you hold and drag it.

• Tear Ticket

  Ticket whose perforated stub tears off by hand, fibre by fibre, and drops away.

• Flip Card

  Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.

• Branched Menu

  Collapsible menu that branches each section from a trunk and traces a line to your pick.

• Folder Float

  Folder whose notes spring out into a floating cloud when it opens on hover or press.

• Refine Frame

  Media frame that steps an image through generation stages without any layout shift.

• Thought Line

  Reasoning trace header with a live clock that folds its steps into one line when done.

• Voice Pill

  Mic button that swells into a capsule of live equalizer bars and a timer while recording.

• Slosh Gauge

  Tank gauge whose liquid chases the value, tilts as it moves and splashes when it fills.

• Prompt Bar

  Chat composer with @ sources, / commands, a model picker, dictation and attachments.

• Swipe Toast

  Toast that swipes down to dismiss and burns a thin fuse for its remaining time.

• Sling Button

  Send button you pull back like a slingshot and release to fire.

• Bell Toggle

  Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.

• Call Chip

  Tool-call chip whose fill wipes across as a live timer ticks, ending green or shaking red.

• Status Mark

  Agent task status glyph that morphs from an idle ring to a progress arc, then a check.

• Glide Select

  Select chip whose menu pops from its corner and whose highlight glides between rows.

• Swipe Row

  List row that swipes open to reveal actions and deletes on a full swipe.

• Jelly Radio

  Radio group of chips where the chosen one swells and barges its neighbours outward.

• Comet Dial

  Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

• Wake Slider

  Thumbless range slider of thin bars where drag speed raises a wake behind the handle.

• Code Slots

  One-time code input whose digits spring into their slots, with paste and SMS autofill.

• Dodge Field

  Wrapper that makes any child dodge the pointer until it relents and glides home.

• Lattice Loader

  Agent status row with a lattice of cells that brighten in a wave beside a live stopwatch.

• Scrub Field

  Number chip you drag to scrub, with rubber-band limits and click to type.

• Fuse Button

  Action button whose done state carries an undo on a burning fuse.

• Warm Tooltip

  Tooltip group where the first label waits, then its siblings open instantly while warm.

• Slide Commit

  Slide-to-confirm handle that spins while your action runs and unfurls into a done pill.

• Rubber Segment

  Segmented control whose rubber thumb stretches across the gap and squashes into place.

• Pulse Heart

  Like button that contracts to a dot, flips colour and pulses back as the count ticks over.

• Spring Check

  Checkbox row where one spring fills the box, draws the tick and strikes through the label.

• Peek Rating

  Star rating that lifts a wave of stars up to the pointer, then commits with a pop on click.

• Hold Button

  Hold-to-confirm button whose liquid fill rises while pressed and snaps back if you let go.

• Squish Switch

  Switch whose thumb stretches with speed and squashes against the end when you flick it.