HomeBookmarks
Ruixen UIRuixen UI
Ruixen UI

Ruixen UI

React marketing UI for shadcn: 240+ landing-page sections and components built with Tailwind CSS.

RUby Ruixen
200components10.5Mviews52Kbookmarks

Ruixen UI contents

  • Orbit Text Carousel

    Orbit Text Carousel

  • Card Hand Gallery

    Card Hand Gallery

  • Horizon Glow Hero

    Horizon Glow Hero

  • Portfolio Scroll Grid

    Portfolio Scroll Grid

  • Phone Scroll Hero

    Phone Scroll Hero

  • Image Stream Hero

    Image Stream Hero

  • Scroll Burn Text

    Scroll Burn Text

  • Coverflow Carousel

    Coverflow Carousel

  • Social Preview Dock

    Social Preview Dock

  • Receding Text Plane

    Receding Text Plane

  • Drilldown Menu

    Drilldown Menu

  • Image Card Fan

    Image Card Fan

  • Ruixen Gradient Footer

    Ruixen Gradient Footer

  • Scroll Image Tunnel

    Scroll Image Tunnel

  • Animated Highlight Text

    Animated Highlight Text

  • Gradient Chat Input

    Gradient Chat Input

  • Service Changelog

    Service Changelog

  • Animated Link

    Animated Link

  • Arc Preloader Hero

    Arc Preloader Hero

  • Progressive Flux Loader

    Progressive Flux Loader

  • Toolbar Dock

    Toolbar Dock

  • Scroll Portrait Wall

    Scroll Portrait Wall

  • Preview Switch Hero

    Preview Switch Hero

  • Scroll Over Hero

    Scroll Over Hero

    1. Components
    2. /
    3. Ruixen
    4. /
    5. Ruixen UI

    Related libraries

    Cnippet

    Cnippet

    by Cnippet

    347

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    shadcn/ui

    shadcn/ui

    by shadcn

    87

    components

    Jolly UI

    Jolly UI

    by James Shopland

    49

    components

    Aceternity UI

    Aceternity UI

    by Manu Arora

    89

    components

    Tailark

    Tailark

    by Méschac Irung

    56

    components

    About Ruixen UI

    Ruixen UI is a component library on 21st.dev by Ruixen with 347 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 347 Ruixen UI components

    • About Page
    • Accordian
    • Accordion
    • Account Menu
    • Action Hub Input
    • Action Toolbar
    • Add Task Sheet
    • Advanced Context Menu
    • Advanced Image Uploader
    • AI Chat Component
    • Ai Chat Input
    • Alert Badge

    Browse all component libraries →

  • Animated Feature Spotlight 3D
  • AnimatedGitHubButton
  • Animated Highlight Text
  • Animated Link
  • Animated Number Flip
  • App Menu Bar
  • Arc Preloader Hero
  • Arc Reveal Hero
  • AuraVisionHeroGradient
  • Aurora Flow
  • AuroraHero
  • Aurora Waves
  • Auth Dialog
  • AuthShowcase
  • Avatar Notifications
  • Avatar Smart Group
  • Badge Button Combo
  • Badge Tabs
  • Behavioral History Select
  • Bottom Drawers
  • BrowserCard
  • CalendarLume
  • Calendar Planner
  • Calendar Scheduler
  • Calendar Twin
  • Calendar With Presets
  • Capsule Tabs
  • Card Hand Gallery
  • CardStack
  • Carousel3DSelect
  • CaseStudies
  • Centered Feedback Drawer
  • ChecklistButton
  • Checkout Form
  • ChronoSelect
  • CircularRadialSelect
  • Clean Tag Input
  • Cloud Watch Form
  • ColorEmotionSelect
  • Column Collaboration Table
  • Combined Featured Section
  • CommandDeck
  • Comparison Table
  • ConfettiButton
  • Confirmation Button
  • Constellation Dock
  • Container Text Scroll
  • ContributorsOverviewTable
  • Correct Number Input
  • CountdownButton
  • Coverflow Carousel
  • Create Account Form
  • Creative Card
  • Credit Card Dialog
  • Credit Card Hero
  • Daily Timeline Scheduler
  • Date Time Input
  • DateTimePicker
  • Dock
  • DockMorph
  • Docks
  • DoctorLiveChatCard
  • Drag And Drop Tabs
  • Drawer Inner Content
  • Drilldown Menu
  • Dropdown Multi Calendar
  • Dropdown Range Date Picker
  • DualToneRainBackground
  • DynamicSelect
  • Dynamic Status Button
  • Elite Plan Card
  • Emoji Radio Group
  • EventAquariumCalendar
  • Event Calendar
  • Event Scheduler
  • Expandable Content Button
  • Fade Slide Tabs
  • Falling Symbols Background
  • FAQChatAccordion
  • Feature Accordion Section
  • FeaturedCrmDemoSection
  • Featured Image Section
  • Featured Section Stats
  • Feature Highlight Pro Card
  • FeaturesDetail
  • Feature Section
  • Feature Section
  • Feature Showcase
  • FileTree
  • FileTree
  • File Upload
  • Fixed Header Footer Table
  • Flexi Filter Table
  • Flip Card
  • Flip Clock
  • Floating Icons Loader
  • Floating Input
  • Floating Nav
  • FluidBlobSelect
  • FluxOrb
  • Footer
  • Gallery Hover Carousel
  • Gamified Login Card
  • Globe
  • Globe Feature Section
  • GlowTree
  • Gooey Dock
  • GooeyPagination
  • Google2FADialog
  • Gradient Bold Card
  • Gradient Chat Input
  • GradientPricingSection
  • GradientRevealText
  • Health Stat Card
  • Heatmap Calendar
  • Hero
  • Hero Page
  • Hero Preview Walls
  • Hero Section 06
  • Hero Section Glass Web
  • HeroSectionWithGradient
  • Home Section
  • Horizon Glow Hero
  • Hover Gradient NavBar
  • HoverPlayCard
  • Hybrid Tabs
  • Icon Grid Button
  • Icon Label Subtext Button
  • Icon Pagination
  • Identity Verification Dialog
  • Image Card Fan
  • Image Cropper
  • Image Stream Hero
  • Inbox Calendar
  • Info Cards Table
  • InlineAnalyticsTable
  • Inline Copy Input
  • Input With Select
  • IntegrationHero
  • Integrations Section
  • InteractiveButton
  • Interactive Image Gallery
  • IrisLensCard
  • Job Slider
  • LaunchRoadmap
  • Live Preview Style Select
  • Loader
  • Loading Circle
  • Load Ripple
  • Login Card
  • LumaBar
  • MacLaptopScreen
  • Magnetic Dock
  • Magnetic Tabs
  • Mail Checker Input
  • MeshWaveHero
  • Minimal Payment Modal
  • Minimisable Table
  • ModernAndroid
  • Modern Payment Form
  • Monthly Heatmap Calendar
  • Morphing Page Dots
  • Mouse Spark
  • MultiDimensionalSelect
  • MultiMedia Testimonial
  • Multi Month Calendar
  • MultiOrbitSemiCircle
  • Multi Select Calendar Card
  • MultiStep Button
  • NeoGlitch
  • NeoQRbutton-2
  • Nested Dashboard Menu
  • News letter Form
  • Notification Button
  • NotificationIn box Popover
  • Notifications
  • Notifications
  • NotificationsAlt
  • Notifications Carousel
  • Notifications Filter
  • Notifications Toggle
  • NotificationsWithActions
  • NovaQRButton
  • Orbit Text Carousel
  • Order Tracking Parallax Card
  • OTP Dialog
  • OTP Input
  • Package Installer Tabs
  • ParticleField
  • ParticleFlowCalendar
  • Phone Scroll Hero
  • Pill Calendar
  • Pill Morph Tabs
  • PolygonFlux
  • Portfolio Scroll Grid
  • Precision Card
  • PredictiveSelect
  • Preview Switch Hero
  • Pricing Module
  • PricingSection
  • PricingSection
  • PricingSection
  • PricnigCards03
  • PrismFlux
  • Privacy Policy Modal
  • Product Bounce Card
  • ProductDesignPage
  • Product Image Card
  • ProductTable
  • Progress Button
  • Progressive Flux Loader
  • ProgressiveStepTabs
  • ProjectProgressCard
  • ProjectPulseTracker
  • RainBackground
  • Rating Scale Group
  • Receding Text Plane
  • ReleaseTimeLine
  • Reorderable Table
  • Review Filter Bars
  • Ripple Circles
  • Ripple Distortion
  • Rising Glow
  • Roadmap
  • Rotating Gradient Right
  • RuixenAiInput
  • RuixenAiInput03
  • RuixenAiInput03
  • RuixenAiInput06
  • ruixenAlert
  • ruixenAlert02
  • ruixenAlert03
  • ruixenAlert04
  • ruixenAlert05
  • Ruixen Bento Cards
  • RuixenBtn01
  • RuixenBtn02
  • RuixenBtn04
  • RuixenBtn04
  • RuixenBtn05
  • RuixenBtn07
  • RuixenBtn07
  • RuixenBtn08
  • RuixenCard-01
  • RuixenCard02
  • RuixenCarouselWave
  • RuixenContributorsTable
  • RuixenFancyAccordion
  • Ruixen Feature Section
  • Ruixen Footer 03
  • Ruixen Gradient Footer
  • ruixen-hero-section-02
  • RuixenInput01
  • RuixenMenuOptions
  • RuixenMonoChat
  • Ruixen Moon Chat
  • RuixenPopover_02
  • RuixenPricing_04
  • RuixenPricing05
  • Ruixen Product Table
  • RuixenProductTable
  • Ruixen Prompt Box
  • Ruixen Stats
  • RuixenTable_04
  • RuixenTableBasic
  • Safari
  • sales-ai-hero
  • Scheduler
  • Scroll Burn Text
  • Scroll FAQ Accordion
  • Scroll Image Tunnel
  • Scroll Over Hero
  • Scroll Pagination
  • Scroll Portrait Wall
  • Scroll Text Rise
  • Search With Category
  • Segmented Button Group
  • Sentiment Radio Group
  • Service Changelog
  • Service Ledger
  • Shirt Parallax Card
  • Showcase Feature
  • SidebarShowcase
  • Side Panel Multi Calendar
  • Sign In Card
  • Sign In Form
  • Sketchpad Dropzone
  • Sliding Pagination
  • Sliding Tabs
  • Smart Assist Input
  • Smart Breadcrumb
  • SmartTV
  • SmartWatch
  • Social Auth Card
  • SocialPostCard
  • Social Preview Dock
  • Solar Loader
  • Split Action Button
  • Spotlight Background
  • Stack Feature Section
  • Stack Pagination
  • Step Card
  • Studio Hero
  • Success Login Card
  • Table Dialog
  • Table Edit
  • TabletScreen
  • Table With Dialog
  • TaskOrbitCalendar
  • Team Access Card
  • TerminalScreen
  • TestimonialAccordion
  • textRevealFAQs
  • ThreeD Wall Calendar
  • Tilted Dock
  • Timeline-02
  • TimelineSelect
  • Time With Icon
  • Toolbar Dock
  • Tooltip Button
  • Tourcard
  • Tour Popover
  • Tree Node Tooltip
  • Universal Date Picker
  • Upload Input
  • Url Input
  • VerifyPassword
  • Video Player Pro
  • VisualGridSelect
  • Voice Message Bubble
  • WaveBackground
  • WaveformPlayer
  • Wheel Pagination
  • Worm Loader
  • ZoomDepthTabs