Ruixen UI — 345 React Components, Preview & Copy | 21st

Ruixen UI

Ruixen UI

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

200components8.9Mviews47.4Kbookmarks

Ruixen UI contents

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

Arc Reveal Hero

Arc Reveal Hero

Service Ledger

Service Ledger

Sales Ai Hero

Sales Ai Hero

Components
/
Ruixen
/
Ruixen UI

Related libraries

Cnippet

347

components

HextaUI

by Preet Suthar

120

components

Efferd

116

components

Origin UI

44

components

Tailark

by Méschac Irung

54

components

Aceternity UI

88

components

About Ruixen UI

Ruixen UI is a component library on 21st.dev by Ruixen with 345 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 345 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 Number Flip

Arc Preloader Hero

Arc Reveal Hero

AuraVisionHeroGradient

Avatar Notifications

Avatar Smart Group

Badge Button Combo

Behavioral History Select

Calendar Planner

Calendar Scheduler

Calendar With Presets

Carousel3DSelect

Centered Feedback Drawer

ChecklistButton

CircularRadialSelect

Clean Tag Input

Cloud Watch Form

ColorEmotionSelect

Column Collaboration Table

Combined Featured Section

Comparison Table

Confirmation Button

Constellation Dock

Container Text Scroll

ContributorsOverviewTable

Correct Number Input

CountdownButton

Coverflow Carousel

Create Account Form

Credit Card Dialog

Credit Card Hero

Daily Timeline Scheduler

Date Time Input

DoctorLiveChatCard

Drag And Drop Tabs

Drawer Inner Content

Dropdown Multi Calendar

Dropdown Range Date Picker

DualToneRainBackground

Dynamic Status Button

Elite Plan Card

Emoji Radio Group

EventAquariumCalendar

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

Feature Section

Feature Section

Feature Showcase

Fixed Header Footer Table

Flexi Filter Table

Floating Icons Loader

FluidBlobSelect

Gallery Hover Carousel

Gamified Login Card

Globe Feature Section

GooeyPagination

Google2FADialog

Gradient Bold Card

Gradient Chat Input

GradientPricingSection

GradientRevealText

Health Stat Card

Heatmap Calendar

Hero Preview Walls

Hero Section 06

Hero Section Glass Web

HeroSectionWithGradient

Hover Gradient NavBar

Icon Grid Button

Icon Label Subtext Button

Icon Pagination

Identity Verification Dialog

Image Stream Hero

Info Cards Table

InlineAnalyticsTable

Inline Copy Input

Input With Select

IntegrationHero

Integrations Section

InteractiveButton

Interactive Image Gallery

Live Preview Style Select

MacLaptopScreen

Mail Checker Input

Minimal Payment Modal

Minimisable Table

Modern Payment Form

Monthly Heatmap Calendar

Morphing Page Dots

MultiDimensionalSelect

MultiMedia Testimonial

Multi Month Calendar

MultiOrbitSemiCircle

Multi Select Calendar Card

MultiStep Button

Nested Dashboard Menu

News letter Form

Notification Button

NotificationIn box Popover

NotificationsAlt

Notifications Carousel

Notifications Filter

Notifications Toggle

NotificationsWithActions

Order Tracking Parallax Card

Package Installer Tabs

ParticleFlowCalendar

Phone Scroll Hero

Pill Morph Tabs

Portfolio Scroll Grid

PredictiveSelect

Preview Switch Hero

Privacy Policy Modal

Product Bounce Card

ProductDesignPage

Product Image Card

Progress Button

Progressive Flux Loader

ProgressiveStepTabs

ProjectProgressCard

ProjectPulseTracker

Rating Scale Group

Receding Text Plane

ReleaseTimeLine

Reorderable Table

Review Filter Bars

Ripple Distortion

Rotating Gradient Right

RuixenAiInput03

RuixenAiInput03

RuixenAiInput06

Ruixen Bento Cards

RuixenCarouselWave

RuixenContributorsTable

RuixenFancyAccordion

Ruixen Feature Section

Ruixen Footer 03

Ruixen Gradient Footer

ruixen-hero-section-02

RuixenMenuOptions

Ruixen Moon Chat

RuixenPopover_02

RuixenPricing_04

RuixenPricing05

Ruixen Product Table

RuixenProductTable

Ruixen Prompt Box

RuixenTableBasic

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

Shirt Parallax Card

Showcase Feature

SidebarShowcase

Side Panel Multi Calendar

Sketchpad Dropzone

Sliding Pagination

Smart Assist Input

Smart Breadcrumb

Social Auth Card

Social Preview Dock

Split Action Button

Spotlight Background

Stack Feature Section

Stack Pagination

Success Login Card

Table With Dialog

TaskOrbitCalendar

Team Access Card

TestimonialAccordion

ThreeD Wall Calendar

Tree Node Tooltip

Universal Date Picker

Video Player Pro

VisualGridSelect

Voice Message Bubble

Wheel Pagination