UIUX-TXT-001Text
Letter Swap
Hover text where every letter rolls out of view and is replaced by a copy rolling in, staggered from first to last for a crisp mechanical rhythm.
8 components · 6 categories
Component index
The full uiux.ink catalogue. Each entry has a permanent ID you can hand to your AI coding agent. Source code, prompts and every live preview live in the free member library.
Animated Text Effects
Text effects such as letter swaps, shimmers and reveals that add emphasis to headings, labels and loading states while keeping the underlying text accessible.
UIUX-TXT-002Text
Text Shimmer
A soft band of light that sweeps across text on a loop, ideal for loading labels, AI status messages and understated emphasis.
Animated Input Components
Text fields, OTP slots and entry controls with clear idle, success and error feedback without burying the typed value.
UIUX-INP-001Inputs
Success Wash OTP
OTP slots that land with a cascade, wash green on success, and shake with a red inner ring on reject before auto-clearing.
Animated Button Components
Buttons with considered motion: magnetic pull, springy press states and hover feedback that makes a call to action feel physical without getting in the way.
UIUX-BTN-001Buttons
Magnetic Button
A call-to-action button that is gently pulled toward the pointer, with an inner label that drifts a little further for a layered, physical feel.
Interactive Navigation Components
Tabs, menus and navigation bars where the active state moves with intent, so people always understand where they are and where they just came from.
UIUX-NAV-001Navigation
Direction-Aware Tabs
Segmented tabs with a sliding pill indicator, where panels enter from the side you are moving toward and the container smoothly resizes to fit.
Interactive Card Components
Content and product cards that respond to the pointer with depth, tilt and light, designed to remain readable and usable on touch screens.
UIUX-CRD-001Cards
Tilt Card
A product card that tilts in 3D toward the pointer on a spring, giving flat content a sense of depth and weight.
Animated Dropdown Components
Dropdowns and context menus with fluid, interruptible transitions.
UIUX-MNU-003Dropdowns
Glide Dropdown
A compact select with a portaled menu, gliding highlight pill, and left or right edge alignment.
UIUX-MNU-004Dropdowns
Dropdown Button Selector
A split control that pairs a Glide-style select with an action button and a cover-success animation.
Get the source
A free account unlocks live previews for every component and unlimited Rendered HTML copies. Pro unlocks full source packages and agent tools.