Components
Explore the complete component library built entirely from primitive Flutter components.
Available Components
Primitive UI provides a suite of components demonstrating different aspects of Flutter’s rendering system:
UI Components
PrimitiveCard
A container widget with shadow, rounded corners, padding, and tap interaction.
PrimitiveToggleSwitch
An animated toggle switch with smooth transitions and gesture handling.
PrimitiveSlider
A slider component for selecting values, demonstrating continuous gesture handling.
PrimitiveCircularProgress
A circular progress indicator supporting both indeterminate and determinate modes.
PrimitiveButton
A highly customizable button with multiple variants, sizes, and states.
PrimitiveInput
A composable text input built on EditableText with variants and decorations.
Layout Components
HStack
Horizontal stack layout with spacing, alignment, and flex support.
VStack
Vertical stack layout with spacing, alignment, and flex support.
ZStack
Layered stack for overlapping widgets with alignment and absolute positioning.
Component Categories
Visual Components
PrimitiveCard, PrimitiveSlider, PrimitiveCircularProgress, and PrimitiveToggleSwitch demonstrate how to use CustomPaint and Canvas to create custom visual elements with shadows, colors, and animations.
Layout Components
VStack, HStack, and ZStack show how to implement custom layout logic using RenderBox, constraint-based sizing, and parent data for advanced positioning and flexibility.
Browse the individual component pages to see detailed API documentation, usage examples, and implementation details.
Last updated on