kin_ui library

Kin UI kit A Native inspired Flutter design system. Tokens, primitives, Developed by Aditya Dev, open-sourced under MIT License.

Classes

KinAccessibility
Wraps a subtree with accessibility enhancements.
KinAccessibilityScope
Provides the current KinAccessibilityFilter to descendants.
KinActivityIndicator
A themed loading indicator with multiple styles.
KinApp
Root wrapper that injects KinLayout and sets bouncing scroll physics.
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.
KinConfig
Backwards-compatible no-op config shim.
KinContextAction
A single action in a KinContextMenu.
KinContextMenu
iOS-style long-press context menu with blurred background and spring animation.
KinDashboardTemplate
A dashboard template with a stat-card row at the top and an activity feed below.
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.
KinDetailTemplate
A detail page with a hero area, scrollable body, and an optional sticky action bar at the bottom.
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.
KinDropdownMenu<T>
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.
KinFeedTemplate
A scrollable feed layout with an optional pull-to-refresh.
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.
KinLayout
InheritedWidget that provides KinLayoutData to the widget tree.
KinLayoutData
Immutable snapshot of the current layout tier, column count, and margins.
KinListTile
A themed list tile with ink-splash tap feedback, haptic, and iOS 18 styling.
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.
KinMaterial
Configuration for KinMaterialType.glass and KinMaterialType.tinted.
KinMaterialSurface
Wraps a child widget with the appropriate material treatment.
KinMotion
Animation durations, curves, and spring constants used across Kin widgets.
KinNavDrawer
Full-height navigation drawer for expanded layouts.
KinNavItem
Icon and label pair for navigation destinations.
KinNavRail
Vertical icon rail for medium-width layouts.
KinNumberPad
A number pad widget for PIN/code entry.
KinOtpField
A one-time-password input field with auto-focus advancing.
KinPageRoute<T>
A physics-based page route that combines morphing scale, spring bounce, and elastic motion into a single premium transition.
KinPageView
A highly customizable page view with transition effects, indicators, and flexible configuration.
KinPopupMenu
A non-material themed popup menu with frosted glass in dark mode.
KinPopupMenuDivider
A divider that can be placed between KinPopupMenuItems.
KinPopupMenuItem
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.
KinRadius
Corner-radius constants and pre-built BorderRadius values.
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.
KinScaffold
Adaptive scaffold that switches between bottom bar, nav rail, and nav drawer based on the current KinLayout breakpoint.
KinScrollHideScope
Provides a visible flag that descendants (e.g. KinTopBar) can read to hide/show chrome that should disappear while scrolling.
KinSearchBar
A pill-shaped search bar with iOS 18-style fluid animations.
KinSegmentedControl
Pill-shaped segmented control with fluid spring-driven sliding indicator.
KinSettingsSection
A section header + grouped list items, matching the Samsung One UI Settings screen pattern.
KinSettingsTemplate
A settings-style template with grouped list sections inside cards.
KinSheet
iOS 18-style draggable bottom sheet with fluid spring physics.
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.
KinSpacing
Design-system spacing constants.
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.
KinTheme
Eight-color theme extension that every Kin component reads from context.
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.
KinTopBar
Samsung One UI 8.5-inspired top bar.
KinTreeNode<T>
Data model for a single tree node.
KinTreeView<T>
An advanced tree view with animated expand/collapse, indentation lines, and optional selection.
KinTypography
Complete type-scale inspired by iOS 18 SF Pro.

Enums

KinAccessibilityFilter
Accessibility filters for KinAccessibility.
KinActivityIndicatorSize
Size presets.
KinActivityIndicatorStyle
Visual variants for KinActivityIndicator.
KinAvatarSize
Size presets for KinAvatar.
KinAvatarStatus
Online/offline status indicator.
KinButtonSize
Size variants for KinButton.
KinButtonVariant
Visual variants for KinButton.
KinCardVariant
Visual variants for KinCard.
KinCarouselIndicator
Indicator styles for KinCarousel.
KinCarouselVariant
Visual variants for KinCarousel.
KinChartLegendPosition
KinChartLineStyle
KinChartType
KinDrawerEdge
Position from which the drawer slides in.
KinFloatingButtonSize
Size variants for KinFloatingButton.
KinFloatingButtonVariant
Visual variants for KinFloatingButton.
KinGlassThickness
Thickness presets for glass material — mirrors Apple's SwiftUI materials.
KinListTileDensity
Visual density for KinListTile.
KinMaterialType
Apple-style material appearance for surfaces.
KinPageIndicator
Indicator styles for KinPageView.
KinPageTransition
Visual transition modes for page changes.
KinRatingStyle
Rating style for KinRatingPicker.
KinSearchBarSize
Size variants for KinSearchBar.
KinSheetDetent
Detent presets for KinSheet — mirrors iOS 18 sheet presentation API.
KinSnackbarVariant
Visual variants for KinSnackbar.
KinSortDirection
Sort direction for KinDataColumn.
KinStepperOrientation
Layout orientation for KinStepper.
KinStepperVariant
Visual style variants for KinStepper.
KinStepState
State of an individual step.
KinTextFieldState
Visual states for KinTextField.
KinTimelineStyle
Visual style for timeline items.
KinToggleSize
KinTooltipPosition
Tooltip placement relative to the child.
KinTransitionOrigin
Where the incoming page originates from.
LayoutType
Responsive breakpoint tiers: compact (<600), medium (600–1200), expanded (≥1200).
SurfaceVariant
Background variants for KinSurface.