Components

Production-ready mobile components

Expanded set of reusable blocks with matching React Native and Flutter snippets.

Animated Button

Actions

Docs

Primary CTA button with spring press feedback and gradient fill.

CTASpringAccessible

Glass Card

Surfaces

Docs

Frosted surface card for profile and payment summaries.

BlurCardDashboard

Input Field

Forms

Docs

Floating label field with validation and icon support.

FormsLabelValidation

Toggle Switch

Controls

Docs

Animated state toggle for settings and preferences screens.

SettingsStateCompact

Notification Toast

Feedback

Docs

Top or bottom swipeable toast with success and error states.

ToastStatusDismiss

Floating Action Button

Actions

Docs

Contextual floating action with drag resistance and bounce.

FABNavigationFloating
72%

Progress Ring

Data Display

Docs

Circular progress ring with label and animated stroke.

ProgressChartKPI

Skeleton Loader

Feedback

Docs

Shimmer placeholder for feed cards and list loading states.

LoadingShimmerPlaceholder

OTP Input

Forms

Docs

Multi-cell verification input with focus transitions.

OTPAuthKeyboard

Segmented Control

Controls

Docs

Sliding indicator segmented control for app filters.

TabsFiltersNavigation

Chat Bubble

Data Display

Docs

Message bubble with typing state and timestamp support.

MessagingChatRealtime

Bottom Sheet Handle

Surfaces

Docs

Handle + snap indicator for modal sheets and drawers.

Bottom SheetGestureModal