Components

134 UI components built with zero dependencies. Every component uses Satoshi, 0.5px borders, and the warm neutral token scale.

Showcases
Playground
Every component, on one page →
The full UI playground — every component grouped by category with live previews. Best place to scan the entire system in 30 seconds.
116 components
Showcase
Marketing primitives →
The 17px marketing scale: hero blocks, pull-quotes, oldstyle stats, footnotes. The typography that lives on ramtt.com.
Marketing tier
API reference by category
Inputs & forms
Form controls, text inputs, selectors, and interactive input patterns.
34 components
Display & data
Cards, metrics, tables, badges, indicators, and data display components.
40 components
Navigation
Tabs, sidebars, breadcrumbs, pagination, and workspace navigation.
14 components
Feedback & overlay
Modals, drawers, tooltips, toasts, dropdowns, and floating UI.
17 components
Layout & composition
Page layouts, grids, lists, and compound component patterns.
24 components
Dark surfaces
Components designed for dark backgrounds — footers, dark sections, link groups.
5 components
Inputs & forms
View all →
ButtonButtonGroupCalendarChatInputCheckboxColorPickerComboboxDatePickerFieldFileUploadFormFieldFormLayoutIconPickerInputInputGroupInputOTPLabelNativeSelectNumberStepperOAuthButtonRadioRangeSliderRatingInputSearchInputSelectSliderStepFlowSwitchTagTextareaTimePickerToggleToggleGroupTrainingCalendar
Display & data
View all →
ActivityHeatmapAvatarBadgeCardCategoryIconChartCardColorDotComparisonCardDataRowDataTableDescriptionListEmptyEmptyStateGaugeHexSwatchInviteCardKbdLeaderboardMetricCardNotificationBadgePageHeaderProgressBarPromoCardSectionHeaderSegmentedBarSeparatorSettingsCardShowcaseHeroShowcaseSectionShowcaseStatSkeletonSpinnerStatStatsGridStatusIndicatorTimelineStripTrendBadgeTypographyWidgetCardZoneBar
Navigation
View all →
AccordionAppSidebarBreadcrumbCollapsibleConversationListIconTabBarMenubarNavigationMenuPaginationPanelSidebarProjectsGridSidebarTabsWorkspaceSwitcher
Feedback & overlay
View all →
AlertAnimatedPanelComingSoonCommandCommandPaletteContextMenuDrawerDropdownFloatingPanelFloatingToolbarHoverCardModalPopoverQuickSearchSheetToastTooltip
Layout & composition
View all →
ActionPanelActiveTaskAspectRatioAuthLayoutCarouselDashboardGridDirectionFeedFieldMappingGridListHelpSectionItemMediaObjectMemberListMessageActionsNotificationPreferencesOnboardingLayoutResizableScrollAreaSplitPaneTodoListVirtualListWelcomeHeroWidgetPicker
Dark surfaces
View all →
DarkSectionFooterLinkGroupLinkListSocialIcons