专为 shadcn 打造的营销落地页组件与区块库，覆盖 Tailwind v3/v4 与 Radix/Base UI 变体。
包含组件
425
Halo ReelScroll Burn TextCoverflow CarouselSocial Preview DockReceding Text PlaneDrilldown MenuPerspective TextImage Card FanRegion GlobeAnimated LinkToolbar DockWizard StepperMilestone StepperSpark ChartBlurred Stagger TextStaggeredFAQSectionTheme TogglerFeature HighlightsFAQ Scroll AccordionFAQ Auto AccordionFAQ Chat AccordionGrouped FAQ SectionEditorial AccordionIndexed AccordionAvatar Spring StackAvatar Quick ActionsAvatar Hover CardVariable TextScramble TextCard Carousel HeroScroll Portrait WallGradient Hero ShowcaseVideo Hero ShowcaseSplit Feature ShowcaseProduct Feature HeroProduct Card HeroIntegration And Stats SectionRotating Gradient RightAutomated Tasks PanelTrusted Clients ShowcaseBordered Clients GridClient Carousel ShowcaseAuto Scrolling Client CarouselFooter ProCorporate FooterFooter EnterpriseWordmark FooterHover Gradient NavbarFloating NavbarExpandable Menu NavbarLuma BarPromote HeaderPricing PlansPricing ComparisonPricing Feature MatrixSubscription PlansPricing FlowPricing with User ScalingPricing Cards with TooltipsStaged PricingCase Study TabsCustomer Story StackFeatured Portrait TestimonialSlide To Delete ButtonGlow Link ButtonCircular Stepper InputColor Picker InputGravatar Email InputCorrect Number InputBetter Time PickerInline Copy InputClean Tag InputNested Dashboard MenuDrawer Inner ContentCentered Feedback DrawerBottom DrawersInput With SelectURL InputPassword FieldNotificationNotifications CarouselNotifications FilterGlass FormMotion File TreeMagic TreeTree Node TooltipEvent SchedulerGlass Image EditorGlass Image CompareVideo Player ProCloud BackgroundRipple DistortionParticle Text DotsDual Tone Rain BackgroundMagnetic TabsWheel PaginationScroll PaginationIcon PaginationGooey PaginationStack PaginationAnimated Number FlipMorphing Page DotsSliding PaginationAI Chat InputClaude Chat InputAnimated Highlight TextScroll Image TunnelChapter ScrubberSmart Paste InputRuixen Gradient FooterGradient Chat InputGooey DockMorphing Expandable MenuMusic Player CardLive WaveformVisualizer ButtonHover Preview ButtonConfetti ButtonBadge Button ComboBadge MorphBanner AnnouncementBanner CookieBanner NewsletterBanner CountdownBreadcrumb SeparatorBreadcrumb IconBreadcrumb DropdownProgress ButtonIcon Label Subtext ButtonInvert TabsDrag And Drop TabsThree D Wall CalendarCalendar PlannerCalendar TwinChrono SelectCalendar LumeCalendar SchedulerNotification Inbox PopoverCredit Card DialogVerification InputLoading CircleLoad RippleRipple CirclesMouse SparkNeon Circle GridAdd To Cart ButtonFloating ToolbarFine Tune SliderScroll RulerDrum PickerScrub DatetimeRange CalendarCalendar WaveCalendar CrestShare ButtonRising GlowAdd Task SheetPricing TiersApp Menu BarAccount MenuAction ToolbarSmart BreadcrumbProgressive Flux LoaderSolar LoaderContainer Text ScrollTag Cloud SelectColor Emotion SelectStructured Hero SectionGrid Frame HeroSales AI HeroScroll Over HeroPhone Scroll HeroPreview Switch HeroArc Reveal HeroImage Stream HeroService LedgerMulti-Media TestimonialPricing Landing HeroTabbed Hero SectionSplit Hero SectionHero Title AnimationPricing Section VerticalCard StackGlass AI CardGlass Shipment FlowPhone Mockup CardNavbar SimpleNavbar CenteredNavbar With SearchNavbar User MenuNavbar StatusNavbar BreadcrumbNavbar FloatingNavbar TabsNavbar MinimalNavbar SplitNavbar Icon LinksButton CopyButton DropdownButton SplitButton BadgeCheckbox SimpleCheckbox IndeterminateCheckbox ColoredCheckbox TodoCheckbox TermsCheckbox GroupCheckbox TreeComment ThreadProfile CardScroll Text RiseScroll Tilted GridScroll HeaderCalendarHalo Reel DemoScroll Burn Text DemoCoverflow Carousel DemoSocial Preview Dock DemoReceding Text Plane DemoDrilldown Menu DemoPerspective Text DemoImage Card Fan DemoRegion Globe DemoAnimated Link DemoWizard Stepper DemoMilestone Stepper DemoSpark Chart DemoStaggeredFAQSection DemoProduct Feature Hero DemoProduct Card Hero DemoFeatureHighlights DemoFAQ Scroll Accordion DemoFAQ Auto Accordion DemoAnimated Theme Toggler DemoCard Carousel Hero DemoGradient Hero Showcase DemoVideo Hero Showcase DemoSplit Feature Showcase DemoIntegration And Stats Section DemoRotating Gradient Right DemoAutomated Tasks Panel DemoTrusted Clients Showcase DemoBordered Clients Grid DemoClient Carousel Showcase DemoAuto Scrolling Client Carousel DemoFooter Pro DemoCorporate Footer DemoFooter Enterprise DemoWordmark Footer DemoHover Gradient Navbar DemoFloating Navbar DemoExpandable Menu Navbar DemoLuma Bar DemoPromote Header DemoPricing Plans DemoPricing Comparison DemoPricing Feature Matrix DemoSubscription Plans DemoPricing Flow DemoPricing with User Scaling DemoPricing Cards with Tooltips DemoStaged Pricing DemoCase Study Tabs DemoCustomer Story Stack DemoFeatured Portrait Testimonial DemoSlide To Delete Button DemoGlow Link Button DemoCircular Stepper Input DemoColor Picker Input DemoGravatar Email Input DemoCorrect Number Input DemoBetter Time Picker DemoInline Copy Input DemoClean Tag Input DemoNested Dashboard Menu DemoDrawer Inner Content DemoCentered Feedback Drawer DemoBottom Drawers DemoInput With Select DemoURL Input DemoPassword Field DemoNotification DemoNotifications Carousel DemoNotifications Filter DemoGlass Form DemoMotion File Tree DemoMagic Tree DemoTree Node Tooltip DemoEvent Scheduler DemoGlass Image Editor DemoGlass Image Compare DemoVideo Player Pro DemoCloud Background DemoRipple Distortion DemoParticle Text Dots DemoDual Tone Rain Background DemoMagnetic Tabs DemoWheel Pagination DemoScroll Pagination DemoIcon Pagination DemoGooey Pagination DemoStack Pagination DemoAnimated Number Flip DemoMorphing Page Dots DemoSliding Pagination DemoAI Chat Input DemoClaude Chat Input DemoAnimated Highlight Text DemoScroll Image Tunnel DemoChapter Scrubber DemoSmart Paste Input DemoRuixen Gradient Footer DemoGradient Chat Input DemoGooey Dock DemoMorphing Expandable Menu DemoMusic Player Card DemoLive Waveform DemoVisualizer Button DemoThree D Wall Calendar DemoCalendar Planner DemoCalendar Twin DemoChrono Select DemoConfetti Button DemoHover Preview Button DemoIcon Label Subtext Button DemoBadge Button Combo DemoBadge Morph DemoBanner Announcement DemoBanner Cookie DemoBanner Newsletter DemoBanner Countdown DemoBreadcrumb Separator DemoBreadcrumb Icon DemoBreadcrumb Dropdown DemoProgress Button DemoInvert Tabs DemoDrag And Drop Tabs DemoCalendar Lume DemoCalendar Scheduler DemoNotification Inbox Popover DemoCredit Card Dialog DemoVerification Input DemoLoading Circle DemoLoad Ripple DemoRipple Circles DemoMouse Spark DemoNeon Circle Grid DemoAdd To Cart Button DemoFloating Toolbar DemoFine Tune Slider DemoScroll Ruler DemoDrum Picker DemoScrub Datetime DemoRange Calendar DemoCalendar Wave DemoCalendar Crest DemoShare Button DemoRising Glow DemoAdd Task Sheet DemoPricing Tiers DemoApp Menu Bar DemoAccount Menu DemoAction Toolbar DemoToolbar Dock DemoSmart Breadcrumb DemoProgressive Flux Loader DemoSolar Loader DemoContainer Text Scroll DemoTag Cloud Select DemoColor Emotion Select DemoStructured Hero Section DemoGrid Frame Hero DemoSales AI Hero DemoScroll Over Hero DemoPhone Scroll Hero DemoPreview Switch Hero DemoArc Reveal Hero DemoImage Stream Hero DemoService Ledger DemoMulti-Media Testimonial DemoScroll Portrait Wall DemoPricing Landing Hero DemoTabbed Hero Section DemoSplit Hero Section DemoHero Title Animation DemoPricing Section Vertical DemoCard Stack DemoGlass AI Card DemoGlass Shipment Flow DemoPhone Mockup Card DemoNavbar Simple DemoNavbar Centered DemoNavbar With Search DemoNavbar User Menu DemoNavbar Status DemoNavbar Breadcrumb DemoNavbar Floating DemoNavbar Tabs DemoNavbar Minimal DemoNavbar Split DemoNavbar Icon Links DemoButton Copy DemoButton Dropdown DemoButton Split DemoButton Badge DemoCheckbox Simple DemoCheckbox Indeterminate DemoCheckbox Colored DemoCheckbox Todo DemoCheckbox Terms DemoCheckbox Group DemoCheckbox Tree DemoComment Thread DemoFAQ Chat Accordion DemoGrouped FAQ Section DemoEditorial Accordion DemoIndexed Accordion DemoAvatar Hover Card DemoAvatar Spring Stack DemoAvatar Quick Actions DemoVariable Text DemoScramble Text DemoProfile Card DemoScroll Text Rise DemoScroll Tilted Grid Demo
Ruixen UI 是一套专为丰富 shadcn 营销生态打造的高品质着陆页组件与区块合集。针对开发者从基础原语搭建营销页面耗时费力的痛点，它提供了涵盖 Hero 视差区块、定价对比表、交互式 FAQ 与现代页脚等数百个开箱即用部件。全库同一套源码自动编译为四种注册表变体（Tailwind v3/v4 与 Radix UI/Base UI），借助 shadcn CLI 即可按需将源码无缝拉入本地。交互部件融入了基于 Motion 的真实弹簧物理反馈与可选的 Web Audio 极简触觉声效，并严格遵循主题设计令牌，改动全局变量即可整套换肤。
