components/components
library
Classes
-
KinAccessibility
-
Wraps a subtree with accessibility enhancements.
-
KinAccessibilityScope
-
Provides the current KinAccessibilityFilter to descendants.
-
KinActionSheet
-
iOS-style action sheet that slides up from the bottom.
-
KinActivityIndicator
-
A themed loading indicator with multiple styles.
-
KinAvatar
-
A themed avatar with image, initials fallback, status dot, and group stacking.
-
KinAvatarGroup
-
Stacked group of avatars with overlap.
-
KinBadge
-
Dot or count badge overlaid on a child widget.
-
KinBentoItem
-
Defines a child's span in a KinGridView.bento layout.
-
KinBottomBar
-
A pill-shaped icon tab bar with iOS 18-style fluid sliding pill.
-
KinBreadcrumbItem
-
A single breadcrumb item.
-
KinBreadcrumbs
-
Horizontal breadcrumb navigation trail.
-
KinButton
-
Themed button with fluid spring press animation, loading state, and optional leading icon.
-
KinCard
-
Themed container with optional tap, long-press, and card variant.
-
KinCarousel
-
A highly customizable carousel with iOS 18-style fluid spring animations.
-
KinChart
-
-
KinChartAxisStyle
-
-
KinChartEntry
-
-
KinChartGridStyle
-
-
KinChartSeries
-
-
KinChartTooltipData
-
-
KinCheckbox
-
A themed checkbox with animated checkmark, optional label, and haptic feedback.
-
KinChip
-
Small selectable pill with optional leading widget and haptic feedback.
-
KinColorPicker
-
Modern HSV color picker with fluid spring physics.
-
KinContextAction
-
A single action in a KinContextMenu.
-
iOS-style long-press context menu with blurred background and spring animation.
-
KinDataCell
-
Cell content wrapper.
-
KinDataColumn
-
Column definition for KinDataTable.
-
KinDataRow
-
Row definition for KinDataTable.
-
KinDataTable
-
A themed, responsive data table.
-
KinDatePicker
-
Calendar-style date picker with iOS 18 fluid spring animations.
-
KinDialog
-
Confirm / cancel dialog with iOS 18 fluid spring entry animation.
-
KinDivider
-
A themed divider — horizontal or vertical, with optional label.
-
KinDrawer
-
iOS 18-style push-body drawer with spring physics, swipe gesture,
body scale-down + corner radius, and dark panel.
-
KinDrawerController
-
Controller that drives a KinDrawer open / closed.
-
KinDrawerItem
-
A row item for KinDrawer with press highlight.
-
KinDrawerSection
-
Section header within a KinDrawer.
-
KinDropdownItem<T>
-
A single item in KinDropdownMenu.
-
A themed dropdown menu with spring animation and blur backdrop.
-
KinEmptyState
-
A full-area empty state placeholder with icon, title, subtitle, and optional action.
-
KinExpansionCard
-
A tappable card that smoothly reveals or hides its body content.
-
KinFloatingButton
-
Themed floating action button with spring entrance animation.
-
KinGradientCard
-
A rich card with gradient background, center icon, category chip,
title, subtitle row with rating and favorite button.
-
KinGridView
-
A themed, flexible grid with optional section headers and adaptive columns.
-
KinHeatmap
-
A GitHub-style contribution heatmap / activity grid.
-
KinHeatmapCell
-
A single data point in a KinHeatmap.
-
KinHeatmapColorScale
-
Configuration for heatmap color mapping.
-
KinIcon
-
Minimal hand-drawn vector icons for KinUI.
-
KinLatLng
-
A geographic coordinate.
-
KinMap
-
A lightweight, pure-Flutter interactive map widget.
-
KinMapController
-
Controller for programmatic map manipulation.
-
KinMapMarker
-
A marker pin on the map.
-
KinMapPolyline
-
A polyline overlay on the map.
-
KinNumberPad
-
A number pad widget for PIN/code entry.
-
KinOtpField
-
A one-time-password input field with auto-focus advancing.
-
KinPageView
-
A highly customizable page view with transition effects,
indicators, and flexible configuration.
-
A non-material themed popup menu with frosted glass in dark mode.
-
A divider that can be placed between KinPopupMenuItems.
-
A single item within a KinPopupMenu.
-
KinPremiumToggle
-
Pill-shaped animated toggle with spring physics and clean minimal design.
-
KinPress
-
Wraps a child with spring-driven scale press animation and optional haptic feedback.
-
KinProgress
-
Linear or circular progress indicator with optional determinate value.
-
KinPullToRefresh
-
A pull-to-refresh wrapper that themes the refresh indicator
with the Kin design system colors.
-
KinRadio<T>
-
A themed radio button with animated fill and haptic feedback.
-
KinRangeSlider
-
A themed range slider with two draggable thumbs.
-
KinRangeValues
-
Value holder for a range slider.
-
KinRatingPicker
-
A bottom-dialog rating picker with animated icons and optional feedback text.
-
KinSearchBar
-
A pill-shaped search bar with iOS 18-style fluid animations.
-
KinSegmentedControl
-
Pill-shaped segmented control with fluid spring-driven sliding indicator.
-
KinSheet
-
iOS 18-style draggable bottom sheet with fluid spring physics.
-
KinSheetAction
-
A single action in KinActionSheet.
-
KinSheetCustomDetent
-
A custom detent defined by a fractional height (0.0 – 1.0).
-
KinSkeleton
-
Shimmer placeholder for loading states.
-
KinSkeletonListTile
-
A preset skeleton layout with title + subtitle + optional avatar.
-
KinSlider
-
A custom slider with themed track and animated thumb.
-
KinSnackbar
-
A themed snackbar shown at the bottom of the screen.
-
KinStep
-
A single step definition.
-
KinStepper
-
Themed stepper with multiple layout and style variants.
-
KinSurface
-
Themed container that reads KinTheme and supports glass/tinted materials.
-
KinSwipeAction
-
A single swipe action button.
-
KinSwipeActions
-
Wraps a child with swipe-to-reveal action buttons.
-
KinTagInput
-
A tag/chip input field where users can type and add tags.
-
KinText
-
Typography-aware text with named constructors for each type-scale level.
-
KinTextField
-
Themed text input with label, hint, error, prefix, and suffix support.
-
KinTimeline
-
A vertical timeline component.
-
KinTimelineItem
-
A single timeline entry.
-
KinTimePicker
-
Scroll-wheel time picker with iOS 18 fluid spring animations.
-
KinToast
-
Transient message shown at the bottom of the screen.
-
KinTooltip
-
A themed tooltip that shows on long-press with iOS 18 blur + spring animation.
-
KinTreeNode<T>
-
Data model for a single tree node.
-
KinTreeView<T>
-
An advanced tree view with animated expand/collapse, indentation lines,
and optional selection.
