MicroInteractions UI
20 animated React components across buttons, inputs, navigation, tabs, toggles and steppers
MicroInteractions UI is a small animated component collection for React, Tailwind CSS and shadcn/ui. Its public site presents 20 examples across six categories: eight buttons, two inputs, one navigation bar, five tab controls, two theme toggles and two steppers. Each example installs through a live shadcn registry endpoint. The public source repository contains 21 component registry items, including a shared base stepper, plus one utility item. Motion supplies most of the animation. The site and source are free to access. The repository has no license file, so the public code is not automatically open source or safe to redistribute.
npx shadcn@latest add https://microinteractionsui.com/r/button1.jsonUse the six category pages to choose an interaction, then install one registry item through the shadcn CLI. Read the returned JSON and its dependencies before you add it to a production app. The registry endpoints return the complete component source. Do not treat the public GitHub repository as open source. No LICENSE or COPYING file was present when checked, and GitHub reported no license. Obtain permission before you redistribute or build on the code outside normal evaluation. Audit motion before release. The registry source uses animation but does not contain prefers-reduced-motion or Motion's useReducedMotion helper. Some components include ARIA state, and one input uses React Aria, but this does not establish library-wide accessibility.
Why it is here. It is a focused shadcn registry for small interaction details, with direct machine-readable install endpoints instead of screenshot-only examples.
- 20 displayed animated component examples
- live shadcn registry endpoints
- React 19, Tailwind CSS 4 and Motion
- public source repository
- no published source license
Verified 2026-09-09. HTTP 200. Source post: https://x.com/noahelhadedy/status/2097581354837770703. https://www.microinteractionsui.com/ returned 200 and describes animated React, Tailwind CSS, shadcn/ui and Motion components. Its sitemap returned 200 and lists six category pages: button, input, navbar, tabs, theme-toggle and stepper. Those pages expose 20 displayed examples. https://www.microinteractionsui.com/r/button1.json returned a valid shadcn registry item. The public repository at https://github.com/mateusmachry/microinteractionsui contained 21 component registry items plus one utility item. GitHub reported two stars, activity on 2026-06-26 and no detected license. No LICENSE or COPYING file was present. A source scan found ARIA state in several components but no prefers-reduced-motion or useReducedMotion handling. /llms.txt returned 404. Checked 2026-09-09.
