Curated · Animated · Agent-ready

Interfacecraft,readytoship.

uiux.ink is a hand-picked library of animated interface components with native source, stored integration prompts and an MCP server, so you and your AI coding agent can drop them into real projects without the clean-up.

Create a free account Browse the index

Move to inspect · Click to interact

Featured

Play with the real thing.

Every preview below runs the component's actual source in an isolated sandbox. Hover, click and tab through them.

See all components

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.

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.

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.

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.

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.

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.

How it works

01
Discover
Browse a small, opinionated catalogue of components chosen for motion quality, accessibility and clean source, each with a permanent ID such as UIUX-BTN-001.
02
Copy
Free accounts can copy Rendered HTML from any preview. Pro unlocks full HTML, CSS and JavaScript packages, framework source and versioned integration prompts — delivered exactly as published.
03
Integrate
Hand the stored prompt, or just the component ID, to your coding agent. It inspects your project first and adapts the component to your design system, breakpoints and rendering model.

Native source, not screenshots

Each component ships dependency-free HTML, CSS and JavaScript plus framework implementations that follow that framework's conventions. Variants are only marked as available once they exist, and untested variants are never advertised as tested.

HTML / CSS / JS
React
Next.js
Vue · planned
Nuxt · planned
Svelte · planned
SvelteKit · planned
Angular · planned
Astro · planned

Pro

Your agent, plugged into the library

Connect Cursor, Claude Code or any MCP-capable editor. Ask for “UIUX-NAV-001 in my header” and your agent resolves the ID, fetches the right source and follows the stored integration guidance.

uiux.ink · Components Integrated

· UIUX-NAV-001 · Direction-Aware Tabs
  Settings page, using existing tab tokens.
· UIUX-BTN-001 · Magnetic Button
  Hero call to action.

2 uiux.ink components integrated.

Example of the completion report the uiux.ink Skill asks agents to produce.

Simple pricing

Free covers browsing, live previews and unlimited Rendered HTML. Pro unlocks full source, frameworks, prompts and editor integrations.

Free

No card required.

Full member component library
Live previews and demonstrations
Unlimited Rendered HTML copies
Unlimited component ID copies
24-hour copy history

Create free account

Pro

Agent-ready

$3.54/moPer seat

Includes any applicable sales tax.Billed annually

Everything in Free
Full HTML, CSS and JavaScript source
Unlimited framework source (React, Next.js and more as they are validated)
Unlimited integration prompts and downloads
Remote MCP server and authenticated API
uiux.ink Skill for Cursor, Claude Code and other agents
Component Studio for your own components

Start with Pro