FlyonUI — 面向 Tailwind CSS v4 打造的无障碍、语义化类名全套组件库。

面向 Tailwind CSS v4 打造的无障碍、语义化类名全套组件库。

包含组件

132
FigmaFlyonuiKBHkY7DekXFlyonUI Pro DocsSupport FlyonUIFramework guidesUsageJavascriptAccessibilityUpgrade GuideCode EditorsCopy PromptCustomize componentsConfigBase styleColorsIconsThemesUtilities and VariablesRTLBlockquoteDividerkeyboardLinkListMaskAccordionAlertAvatarBadgeButtonCardCarouselChat BubbleCollapseDiffIndicatorList GroupLoadingProgressRadial progressRemove elementSkeletonStackStatStatusSwapTheme ControllerTimelineTree ViewBreadcrumbFooterMenuNavbarPaginationScrollspySidebarStepperTabs & PillsContext MenuDrawer (Offcanvas)DropdownModalPopoverTooltipCheckboxFile inputFilterInputJoin (Group Items)RadioRangeSelectSwitchTextareaAdvanced selectCombo BoxCopy MarkupForm wizardInput NumberPin InputStrong PasswordToggle CountToggle PasswordTableBrowserPhoneWindowAdvance Range SliderAnimationCalendarCopy To ClipboardData MapsDatatablesDatePickerDrag & DropFile UploadForm ValidationNotyf (Toasts)RatingWave EffectWYSIWYG EditorBasic exampleDefaultAlways openContent advanced styleActive borderedShadow accordionPopout accordionIllustrationsNested accordionWith arrowWith AvatarArrow on right sideIconWithout plusBordered accordionDestroy/ReinitializeBasicClose Active ElementJavaScript behaviorOptionsMethodsMethod usageEventsEvent usageLooking for creative Tailwind CSSOn this pageInnovative OfferingsDropdown MenuOffcanvasTabs

FlyonUI 是一套全新开源的语义化 Tailwind CSS 组件库,原生准备好拥抱 Tailwind CSS v4 架构。它将精简的语义化类名与免配置的原生 JS 交互结合,收录超 80 个高响应式组件与丰富的主题变体,兼顾轻量体积与极速开发体验。