Ruixen Pro is now live.50+ premium components, templates, blocks, and lifetime updates.

Docs

Components

Components

Explore our comprehensive collection of modern, accessible, and customizable UI components.

Editorial Accordion

Indexed Accordion

Comment Thread

AI Chat Input

Claude Chat Input

Music Player Card

Live Waveform

Visualizer Button

Avatar Spring Stack

Avatar Hover Card

Avatar Quick Actions

Cloud Background

Ripple Distortion

Dual Tone Rain Background

Mouse Spark

Neon Circle Grid

New

Rising Glow

Updated

Particle Text Dots

Container Text Scroll

Variable Text

New

Scramble Text

New

Badge Morph

Banner Announcement

Banner Cookie

Banner Newsletter

Banner Countdown

Breadcrumb Separator

Breadcrumb Icon

Breadcrumb Dropdown

Button Copy

Button Dropdown

Button Split

Button Badge

Slide To Delete Button

Glow Link Button

Hover Preview Button

Confetti Button

Badge Button Combo

Progress Button

Icon Label Subtext Button

Add To Cart Button

New

Share Button

New

Range Calendar

Calendar Wave

New

Calendar Crest

New

Spark Chart

Glass AI Card

New

Glass Shipment Flow

New

Phone Mockup Card

New

Profile Card

New

Card Stack

Checkbox Simple

Checkbox Indeterminate

Checkbox Colored

Checkbox Todo

Checkbox Terms

Checkbox Group

Checkbox Tree

Drum Picker

New

Scrub Datetime

New

Credit Card Dialog

New

Add Task Sheet

New

Gooey Dock

Morphing Expandable Menu

New

Drawer Inner Content

Centered Feedback Drawer

Bottom Drawers

Event Scheduler

Three D Wall Calendar

Calendar Planner

Calendar Twin

Chrono Select

Calendar Scheduler

Calendar Lume

Motion File Tree

Magic Tree

Tree Node Tooltip

Glass Form

Glass Image Editor

Glass Image Compare

Circular Stepper Input

Verification Input

New

Color Picker Input

Gravatar Email Input

Correct Number Input

Better Time Picker

Inline Copy Input

Clean Tag Input

Input With Select

URL Input

Password Field

Loading Circle

Load Ripple

Ripple Circles

Solar Loader

App Menu Bar

Account Menu

Action Toolbar

Floating Toolbar

New

Notification Inbox Popover

Notification

Notifications Carousel

Notifications Filter

Wheel Pagination

Scroll Pagination

Icon Pagination

Gooey Pagination

Stack Pagination

Animated Number Flip

Morphing Page Dots

Sliding Pagination

Fine Tune Slider

New

Scroll Ruler

New

Wizard Stepper

Milestone Stepper

Color Emotion Select

Tag Cloud Select

Invert Tabs

New

Magnetic Tabs

Drag And Drop Tabs

Video Player Pro

Trusted Clients Showcase

Client Carousel Showcase

Auto Scrolling Client Carousel

StaggeredFAQSection

FeatureHighlights

FAQ Scroll Accordion

FAQ Auto Accordion

FAQ Chat Accordion

Product Feature Hero

Product Card Hero

Split Feature Showcase

New

Integration And Stats Section

Rotating Gradient Right

Automated Tasks Panel

Corporate Footer

Footer Enterprise

Wordmark Footer

New

Card Carousel Hero

Gradient Hero Showcase

Video Hero Showcase

Structured Hero Section

New

Tabbed Hero Section

New

Split Hero Section

New

Hero Title Animation

New

Navbar Simple

Navbar Centered

Navbar With Search

Navbar User Menu

Navbar Status

Navbar Breadcrumb

Navbar Floating

Navbar Tabs

Navbar Minimal

Navbar Split

Navbar Icon Links

Hover Gradient Navbar

Floating Navbar

Luma Bar

Promote Header

Pricing Plans

Pricing Comparison

Subscription Plans

Pricing Flow

Pricing with User Scaling

Pricing Tiers

Pricing Section Vertical

Contribute

Limited Time Offer

Build stunning UIs in minutes

Get 50+ premium components, templates, and blocks with lifetime updates.

Next.js 15 + TypeScript ready
Tailwind CSS v4 + Framer Motion
Copy, paste, ship in minutes
Lifetime updates included

Get Lifetime Access