Component Gallery

Every tile below is rendered by ThemeKit itself — the same token pipeline that paints your app. Toggle the site theme (top right) and the gallery follows: each component shows its light or dark variant. Newly added components appear in the lists below before their screenshot is rendered.

204 components — Atoms (50) · Molecules (81) · Organisms (73) — each with a verified usage snippet. For the full API of any component, see the DocC reference.

159 components

Accordion Affix AgentPriceRow AlertToast GIF Anchor AncillaryCard Aura Autocomplete Avatar Badge BoardingPass BorderBeam Breadcrumbs BrowserFrame Button Calendar Callout Card CardStack Cascader ChatBubble Checkbox CheckboxGroup Chip Chips CodeBlock ColorField Confetti CountBadge Counter Coupon DateField DatePriceCard DatePriceStrip DestinationCard Diff Divider Dropdown EmptyState FAB FareFamilyCard FareFeatureRow FieldButton Fieldset FileInput FilterBar FilterGroup FilterList FilterRow Flex FlightListItem FlightResultRow FlightRoute FlightStatusBadge FlightTicketCard Footer Gallery Gauge Grid Hero HotelResultCard Icon IconTile Indicator InfoBanner InlineText InputLabel InputNumber InstallmentPicker Join Kbd KeyValueTable LayoverRow ListRow ListView MapCallout MapPriceMarker Mask Masonry Mentions MenuCard MultiLineTextInput MultiSelect NavigationBar NotificationCard OTPInput PageHeader Pagination PassengerRow PaymentCardField PhoneFrame PriceAlertCard PriceBreakdown PriceTrendChart ProgressBar ProgressIndicator PromoBanner QuantityStepper RadialProgress RadioButton RadioGroup RangeSlider Rating RatingSummary RecentSearchRow ResultView RollingNumber RoomCard ScoreBadge ScrubGallery SearchBadge SearchBar SearchField SearchSummary SegmentedControl SegmentedTabBar Select SelectionCards ShareButton SheetHeader Skeleton Slider SmartSuggestion SortSummaryBar SortTab Space Spinner Splitter Stat StatusDot StepperRow Steps StickyBookingBar SuggestionRow Swap SwapButton Tag TextInput TextLink TextRotate ThemeButton ThemeController ThemeInjection ThemePresets ThemeShowcase ThemeToggle TicketStub TiltCard Timeline Title ToggleGroup Tooltip GIF Transfer Tree TreeSelect TripTypeToggle Upload Watermark WindowFrame