Tailwind CSS Profile Card Components

Dev Design Library indexes 38 Tailwind CSS profile card components from 14 open-source UI libraries, with the most coming from Watermelon UI, OpenSourceUI, Oxbow UI, GreatUI and cnblocks. 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 styles its components with Tailwind CSS utility classes. Profile card components belong to the Data display group.

• 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 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…
• 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.
• 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 Tailwind CSS profile card components

• Watermelon UI
• OpenSourceUI
• Oxbow UI
• GreatUI
• cnblocks

Related categories

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