React Profile Card Components

Dev Design Library indexes 35 React profile card components from 14 open-source UI libraries, with the most coming from Watermelon UI, OpenSourceUI, React Bits, GreatUI and FLX UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. 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.
• Card-09 - Invite Member CardShadcn Space · ReactCard component
• Linked In Profile CardOpenSourceUI · ReactCard that reproduces a LinkedIn profile: cover, avatar, name, headline and connect button.
• Client Carduselayouts · ReactA client CRM card with payment and deadline rings, plus a morphing avatar stack.
• Linkedin CardGreatUI · React
• Edit ProfileWatermelon UI · React
• Profile cardCojeev UI · ReactA reusable profile card composed from Cojeev base components.
• ProfileFLX UI · ReactCentered avatar, stats row, and follow / message actions.
• Handle ReelSpaceUI · ReactKinetic tumbler reel that spins a vertical reel of names past a prefix, highlighting the centered handle as it…
• Id CardZAYX · React NativeAn identity card with a portrait and a Lottie animation, sized for mobile screens.
• ID CardD2Studio UI · ReactAn event badge on a D2 strap: a portrait, name, role and a short about, with contact links at the foot. The strap is a…
• 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.
• Popover 02 - User Profile CardShadcn Space · ReactProfile card popover triggered by an avatar - shows user stats and follow/message actions.
• Contact Profile CardOpenSourceUI · React
• Team SectionGreatUI · React
• Edit Profile BaseWatermelon UI · React
• Edit profileFLX UI · ReactFieldGroup form with Save and Cancel footer.
• Profile CardReact Bits · ReactAnimated profile card glare with 3D hover effect.
• Editorial Staff Profile CardOpenSourceUI · React
• Expandable Profile CardWatermelon UI · React
• Team Member CardOpenSourceUI · React
• Expandable Profile Card BaseWatermelon UI · React
• Team Member Profile GridOpenSourceUI · React
• Profile CardWatermelon UI · React
• Twitter Profile CardOpenSourceUI · React
• Profile Card BaseWatermelon UI · React
• User Profile CardOpenSourceUI · React
• Team 1Watermelon UI · React
• Team 2Watermelon UI · React
• Team 3Watermelon UI · React
• Team 4Watermelon UI · React
• Team 5Watermelon UI · React

Libraries with React profile card components

• Watermelon UI
• OpenSourceUI
• React Bits
• GreatUI
• FLX UI

Related categories

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