Skip to content

Tag: profile

Components tagged with "profile".

10 component(s)

Business Card Style Contact Card – Bootstrap 5 profile cards preview

Business Card Style Contact Card

Bootstrap 5 digital business card with portrait, role, tap-to-call contact links, copy buttons, a QR code and a downloadable vCard.

Edit Profile Form with Photo Upload – Tailwind CSS profile pages preview

Edit Profile Form with Photo Upload

Tailwind CSS edit profile form with drag-and-drop photo upload and live preview, bio character counter, social link fields and simulated save.

User Hover Card Popover with Photo – Bootstrap 5 tooltips & popovers preview

User Hover Card Popover with Photo

Bootstrap 5 popover hover card showing a user photo, cover band, bio, follower stats and a working follow button.

Glassmorphism Card – Tailwind CSS cards preview

Glassmorphism Card

Frosted glass profile card in Tailwind CSS with backdrop blur, a light reflection and a follow button over colorful animated gradient blobs.

Neon Glow Profile Card – Pure CSS profile cards preview

Neon Glow Profile Card

Dark profile card with an animated neon conic-gradient border, soft glow, stats, skill tags and a Follow toggle, built with pure CSS and vanilla JS.

Account Settings Page with Tabs – Bootstrap 5 profile pages preview

Account Settings Page with Tabs

Bootstrap 5 account settings page with profile, security and notification tabs, password strength meter, session list and simulated save.

Popover with Rich Content – Bootstrap 5 tooltips & popovers preview

Popover with Rich Content

Bootstrap 5 popovers with HTML content: profile card with buttons, inline help with links and a delete confirmation, with focus handling.

User Account Dropdown – Bootstrap 5 dropdowns preview

User Account Dropdown

Bootstrap 5 avatar dropdown with profile header, plan badge, online/away/busy status picker and account menu links for app headers.

Profile Card with Stats – Bootstrap 5 profile cards preview

Profile Card with Stats

Bootstrap 5 user profile card with gradient cover, initials avatar, animated stat counters, follow toggle, message and copy-link buttons.

Profile Card with Cover – Tailwind CSS profile cards preview

Profile Card with Cover

Tailwind CSS profile card with a gradient cover, overlapping avatar, verified badge, bio, skill chips, stats and an accessible follow toggle.