Ruixen UI — 391 React Components, Preview & Copy | 21st.dev

Ruixen UI

Ruixen UI

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

200components4.7Mviews29.1Kbookmarks

Ruixen UI components

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

Showcase Feature

Showcase Feature

Scroll Text Rise

Scroll Text Rise

FAQChatAccordion

FAQChatAccordion

CardStack

CardStack

IrisLensCard

IrisLensCard

FluxOrb

FluxOrb

BrowserCard

BrowserCard

Roadmap

Roadmap

MultiMedia Testimonial

MultiMedia Testimonial

Components
/
Ruixen UI
/
Ruixen UI

Related libraries

Kokonut UI49

by Kokonut Baffier

shadcn/ui87

Aceternity UI87

Tailark42

by Méschac Irung

ShadcnSpace45

Jolly UI51

by James Shopland

About Ruixen UI

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

Audio Book Player

Audio Timeline With Chapters

AuraVisionHeroGradient

Avatar Action Button

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

Core Value Stats

Correct Number Input

CountdownButton

Create Account Form

Credit Card Dialog

Credit Card Hero

Daily Timeline Scheduler

Daily Tracker Dialog

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 Constellation Calendar

Event Path 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

Feature Section

Feature Section

Feature Showcase

Fixed Header Footer Table

Flash Sale Banner

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

Hover Preview Button

Icon Grid Button

Icon Label Subtext Button

Icon Pagination

Identity Verification Dialog

Info Cards Table

InlineAnalyticsTable

Inline Copy Input

Input With Select

InsuranceSummaryCard

IntegrationHero

Integrations Section

InteractiveButton

Interactive Image Gallery

Live Preview Style Select

MacLaptopScreen

Mail Checker Input

Minimal Chat Box

Minimal Payment Modal

Minimisable Table

Modern Card Input

Modern Payment Form

Monthly Heatmap Calendar

Morphing Page Dots

MultiDimensionalSelect

MultiMedia Testimonial

Multi Month Calendar

MultiOrbitSemiCircle

Multi Select Calendar Card

MultiState Morph Button

MultiStep Button

Multi Step Login

MusicEqualizer Upload

Nested Dashboard Menu

News letter Form

Notification Button

NotificationIn box Popover

NotificationsAlt

Notifications Carousel

Notifications Filter

Notifications Toggle

NotificationsWithActions

Onboarding Dialog

Order Tracking Parallax Card

Origami Fold Out Calendar

Package Installer Tabs

ParticleFlowCalendar

Pill Morph Tabs

Playlist Carousel

Podcast Card Player

PredictiveSelect

Preview Switch Hero

Pricing Section

Priority Pyramid Calendar

Privacy Policy Modal

Product Bounce Card

ProductDesignPage

Product Image Card

Progress Button

Progressive Flux Loader

ProgressiveStepTabs

ProjectProgressCard

ProjectPulseTracker

Radial Week View

Radio Group Card

Range Slider Input

Rating Scale Group

ReleaseTimeLine

Reorderable Table

Review Filter Bars

Ripple Distortion

Rotating Gradient Right

RuixenAccordian02

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

Ruixen Query Box

RuixenTableBasic

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

Smart Notify Button

Social Auth Card

Split Action Button

Split Login Card

Spotlight Background

Stacked Bar Calendar

Stacked Cards Upload

Stack Feature Section

Stack Pagination

Success Login Card

Swipe To Confirm Button

Table With Dialog

Tag Cloud Select

TaskOrbitCalendar

Team Access Card

TeamInviteDialog

TestimonialAccordion

Testimonials Carousel

ThreeD Wall Calendar

Tree Node Tooltip

Universal Date Picker

User Context Menu

Verification Card

Video Player Pro

VisualGridSelect

Visualizer Button

Voice Message Bubble

Wheel Of Time Calendar

Wheel Pagination