MicroKit
registry.directory/henriquegpb/microkit
Copy-paste microinteractions — animated buttons, hover effects, tabs and inputs — each with a live preview and source in both Tailwind and plain CSS.
Install
npx shadcn@latest add @microkit/cursor-edge-glow-button
# works for any of the 54 items in this registry
Featured
component
cursor-edge-glow-button
A spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes sides.
component
blur-glide-menu
A nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.
component
sliding-content-tabs
A compact tab switcher with a sliding active surface and content transition.
Browse by type
Tags
hover43button41navigation10click9input3focus1drag1