Motion Kbd

component

Styled kbd: the Motion set. 5 decorative kbd variations (PressKbd, PopKbd, FadeKbd, BounceKbd, GlowMotionKbd) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/kbd-motion.json"

Sign In

Motion Kbd

component

Styled kbd: the Motion set. 5 decorative kbd variations (PressKbd, PopKbd, FadeKbd, BounceKbd, GlowMotionKbd) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/kbd-motion.json"

motion@^12.42.2

components/ui/kbd-motion.tsx

motion@^12.42.2

components/ui/kbd-motion.tsx