Animated Profile Card Components

Dev Design Library indexes 12 Animated profile card components from 8 open-source UI libraries, with the most coming from React Bits, GreatUI, Watermelon UI, uselayouts and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the profile card components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Profile card components belong to the Data display group.

• Chroma GridReact Bits · ReactA responsive grid of grayscale tiles. Hovering the grid reaveals their colors.
• Account MenuKokonut UI · ReactAn account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.
• GitHub Profile CardSpectrum UI · ReactA GitHub profile card with account stats, a contribution graph, and social links.
• Client Carduselayouts · ReactA client CRM card with payment and deadline rings, plus a morphing avatar stack.
• Linkedin CardGreatUI · React
• Expandable Profile CardWatermelon UI · React
• Handle ReelSpaceUI · ReactKinetic tumbler reel that spins a vertical reel of names past a prefix, highlighting the centered handle as it…
• Profile Flip CardReactFrame · ReactA profile card that flips from a photo front to a bio back on click or hover, with flip Y, flip X, spring, or fade…
• LanyardReact Bits · ReactSwinging 3D lanyard / badge card with realistic inertial motion.
• Team SectionGreatUI · React
• Expandable Profile Card BaseWatermelon UI · React
• Profile CardReact Bits · ReactAnimated profile card glare with 3D hover effect.

Libraries with Animated profile card components

• React Bits
• GreatUI
• Watermelon UI
• uselayouts
• Spectrum UI

Related categories

• Profile Card Components
• React Profile Card Components
• Tailwind CSS Profile Card Components
• shadcn/ui Profile Card Components
• Animated Data Display Components
• Animated Card Components
• Animated Chart Components
• Animated Carousel Components
• Animated Accordion Components
• Animated Stat Components
• Animated Collapsible Components
• Animated Card Stack Components
• Animated Counter Components
• Animated List Components
• Animated Avatar Components
• Animated Table Components
• Animated Tree View Components
• Animated Avatar Group Components
• Animated Line Chart Components
• Animated Timeline Components