Components

A collection of KiteUI touch-friendly components for building profile pages

AI Summary

KiteUI components are production-ready React + Tailwind building blocks for SaaS UIs, dashboards, creator pages, and internal tools. Each component page includes usage and implementation references.

Profile & Identity

ProfileAvatar

free

Gradient ring avatars with status indicators and animations

ProfileHeader

pro

Full profile headers with cover images, stats, and actions

Preview available. Upgrade to unlock full docs and examples.

InfluencerBadge

pro

Achievement and creator verification badges

Preview available. Upgrade to unlock full docs and examples.

Cards & Containers

BubbleCard

free

Soft rounded cards with color variants and press effects

SportsCard

pro

Trading cards with rarity badges and holographic effects

Preview available. Upgrade to unlock full docs and examples.

StoreProductCard

pro

E-commerce product cards with ratings and quick actions

Preview available. Upgrade to unlock full docs and examples.

Navigation & Links

SocialLinkButton

free

Platform-aware social media link buttons

LinkTree

pro

Link-in-bio style animated link lists

Preview available. Upgrade to unlock full docs and examples.

DynamicIsland

pro

iOS-style floating navigation and media player

Preview available. Upgrade to unlock full docs and examples.

Media & Content

ThumbnailScroller

pro

Horizontal touch-friendly content scrollers

Preview available. Upgrade to unlock full docs and examples.

SectionHeader

free

Section titles with optional actions and icons

Inputs & Data

BubbleSlider

free

Soft gradient sliders with large touch targets

StatsWidget

pro

Analytics display with trend indicators

Preview available. Upgrade to unlock full docs and examples.

Quick Import

import {
  BubbleCard,
  ProfileAvatar,
  ProfileHeader,
  SocialLinkButton,
  ThumbnailScroller,
  DynamicIsland,
  DynamicIslandNav,
  BubbleSlider,
  SportsCard,
  StoreProductCard,
  LinkTree,
  StatsWidget,
  SectionHeader,
  InfluencerBadge,
} from "@/components/profile";

Related pages

InstallationTemplatesDesign TokensAI Page

Last updated: 2026-05-14