Attention (to detail) is all you need!

Accessible, animated components built with craft. Built on shadcn, distributed as code.

Get startedBrowse components

A fully accessible, animated drawer component with nested navigation.

Open in
pnpm dlx shadcn@latest add https://attnui.com/r/nested-drawer.json
npx shadcn@latest add https://attnui.com/r/nested-drawer.json
yarn shadcn@latest add https://attnui.com/r/nested-drawer.json
bunx shadcn@latest add https://attnui.com/r/nested-drawer.json

An animated avatar stack with size variants and customizable visibility.

Open in
RS
MS
SS
BS
JS
+3
pnpm dlx shadcn@latest add https://attnui.com/r/animated-avatar-stack.json
npx shadcn@latest add https://attnui.com/r/animated-avatar-stack.json
yarn shadcn@latest add https://attnui.com/r/animated-avatar-stack.json
bunx shadcn@latest add https://attnui.com/r/animated-avatar-stack.json

A real-time timezone clock with animated number transitions and timezone offset display.

Open in

America/New York

00:00
pnpm dlx shadcn@latest add https://attnui.com/r/timezone-clock.json
npx shadcn@latest add https://attnui.com/r/timezone-clock.json
yarn shadcn@latest add https://attnui.com/r/timezone-clock.json
bunx shadcn@latest add https://attnui.com/r/timezone-clock.json