纯手绘纸实质感的 React 组件库与 shadcn 注册表,在纸面纹理上还原完整控件生态。
AccordionAlert DialogAlertAnnotateArrowAspect RatioAsteriskAttachmentAvatarBadgeBoilBookmarkBracketBreadcrumbBubbleButton GroupButtonCalendarCalloutCardCarouselChartCheckboxCircledClipboardCode BlockCollapsibleComboboxCommandConfettiContext MenuCorkboardDate PickerDeskDialogDirectionDoodleDrawerDropdown MenuDropzoneEmptyEnvelopeFieldFlip CardFolderFormHandwrittenHighlightHover CardIconIndex CardInput GroupInput OtpInputItemKbdLabel TagLabelLetteringMarkerMarqueeMascotMenubarMessage ScrollerMessageNapkinNative SelectNavigation MenuNotebookPagePaginationPaperPeel CornerPolaroidPopoverProgressPrompt InputQuoteRadio GroupRatingReceiptResizableRevealRibbonScribbleScroll AreaSealSelectSeparatorSheetSidebarSignature PadSignatureSkeletonSketchpadSliderSonnerSpinnerSquiggleStamp ButtonStampStepperSticker BoardSticker PickerSticker SheetStickerSticky NoteStrikeSwitchTableTabsTallyTapeTear OffTextareaTicketToggle GroupToggleTooltipTypewriterTyping IndicatorTypographyUnderline
Looseleaf 是一套具有纯手绘纸实质感的 React 与 Tailwind CSS v4 组件库及 shadcn 注册表。项目基于 Radix 原语与手绘字体 Kevin Sans 构建,完整保持了 shadcn/ui 的组件结构、属性与 data-slot 规范。其底层通过确定性随机种子的 SVG 墨水配方绘制生动的毛边笔触、纸张卡片、贴纸印章与手绘图标,在呈现温暖速写美学的同时,兼具完整的无障碍支持与即拷即用的工程体验。