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

Gradient ring avatars with status indicators and animations

ProfileHeader

Full profile headers with cover images, stats, and actions

InfluencerBadge

Achievement and creator verification badges

Cards & Containers

BubbleCard

Soft rounded cards with color variants and press effects

SportsCard

Trading cards with rarity badges and holographic effects

StoreProductCard

E-commerce product cards with ratings and quick actions

Navigation & Links

SocialLinkButton

Platform-aware social media link buttons

LinkTree

Link-in-bio style animated link lists

DynamicIsland

iOS-style floating navigation and media player

Media & Content

ThumbnailScroller

Horizontal touch-friendly content scrollers

SectionHeader

Section titles with optional actions and icons

Inputs & Data

BubbleSlider

Soft gradient sliders with large touch targets

StatsWidget

Analytics display with trend indicators

Quick Import

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

Installation Templates Design Tokens AI Page

Last updated: 2026-05-14