Profile Card Components

Dev Design Library indexes 42 profile card components from 16 open-source UI libraries, with the most coming from Watermelon UI, OpenSourceUI, Oxbow UI, React Bits and GreatUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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.
• Team Onecnblocks · SvelteTeam grid with member photos and roles
• Linkedin CardGreatUI · React
• Team 01Oxbow UI · Astro
• 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 Twocnblocks · SvelteTeam section with social links
• Team SectionGreatUI · React
• Team 02Oxbow UI · Astro
• 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
• Team 03Oxbow UI · Astro
• Expandable Profile CardWatermelon UI · React
• Team Member CardOpenSourceUI · React
• Team 04Oxbow UI · Astro
• Expandable Profile Card BaseWatermelon UI · React
• Team Member Profile GridOpenSourceUI · React
• Team 05Oxbow UI · Astro
• 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 profile card components

• Watermelon UI
• OpenSourceUI
• Oxbow UI
• React Bits
• GreatUI

Related categories

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