Marketing blocks for shadcn across Tailwind v3/v4 and Radix or Base UI registries.
Included Components
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 is a production-grade marketing component library tailored for the shadcn ecosystem. Designed to build high-converting landing pages without starting from scratch, it offers over 240 animated hero sections, pricing matrices, accordions, and navbars. Built from a single codebase, every component is published into four distinct registries—spanning Tailwind CSS v3 and v4 alongside Radix UI and Base UI primitives—allowing instant installation via the shadcn CLI with zero lock-in. Interactive elements incorporate spring physics from Motion, optional tactile Web Audio acoustic feedback, and full fidelity to semantic theme tokens.
