# Ruixen UI

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

- Owner: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Components: 393
- Website: https://ruixen.com
- GitHub: https://github.com/ruixenui
- Live page: https://21st.dev/@ruixen.ui/library/ruixen-ui

## Components

Showing the first 100 of 393 — browse the rest at https://21st.dev/@ruixen.ui/library/ruixen-ui.

- [About Page](https://21st.dev/@ruixen.ui/components/about-page.md)
- [Accordian](https://21st.dev/@ruixen.ui/components/accordian.md)
- [Accordion](https://21st.dev/@ruixen.ui/components/ruixen-accordian01.md)
- [Account Menu](https://21st.dev/@ruixen.ui/components/account-menu.md)
- [Action Hub Input](https://21st.dev/@ruixen.ui/components/action-hub-input.md)
- [Action Toolbar](https://21st.dev/@ruixen.ui/components/action-toolbar.md)
- [Add Task Sheet](https://21st.dev/@ruixen.ui/components/add-task-sheet.md)
- [Advanced Context Menu](https://21st.dev/@ruixen.ui/components/advanced-context-menu.md)
- [Advanced Image Uploader](https://21st.dev/@ruixen.ui/components/advanced-image-uploader.md)
- [AI Chat Component](https://21st.dev/@ruixen.ui/components/aichat-component.md)
- [Ai Chat Input](https://21st.dev/@ruixen.ui/components/ai-chat-input.md)
- [Alert Badge](https://21st.dev/@ruixen.ui/components/alert-badge.md)
- [Animated Feature Spotlight 3D](https://21st.dev/@ruixen.ui/components/animated-feature-spotlight3d.md)
- [AnimatedGitHubButton](https://21st.dev/@ruixen.ui/components/animated-git-hub-button.md)
- [Animated Highlight Text](https://21st.dev/@ruixen.ui/components/animated-highlight-text.md)
- [Animated Link](https://21st.dev/@ruixen.ui/components/animated-link.md)
- [Animated Number Flip](https://21st.dev/@ruixen.ui/components/animated-number-flip.md)
- [App Menu Bar](https://21st.dev/@ruixen.ui/components/app-menu-bar.md)
- [Arc Preloader Hero](https://21st.dev/@ruixen.ui/components/arc-preloader-hero.md)
- [Arc Reveal Hero](https://21st.dev/@ruixen.ui/components/arc-reveal-hero.md)
- [Audio Book Player](https://21st.dev/@ruixen.ui/components/audio-book-player.md)
- [Audio Timeline With Chapters](https://21st.dev/@ruixen.ui/components/audio-timeline-with-chapters.md)
- [AuraVisionHeroGradient](https://21st.dev/@ruixen.ui/components/aura-vision-hero-gradient.md)
- [Aurora Flow](https://21st.dev/@ruixen.ui/components/aurora-flow.md)
- [AuroraHero](https://21st.dev/@ruixen.ui/components/aurora-hero.md)
- [Aurora Waves](https://21st.dev/@ruixen.ui/components/aurora-waves.md)
- [Auth Dialog](https://21st.dev/@ruixen.ui/components/auth-dialog.md)
- [AuthShowcase](https://21st.dev/@ruixen.ui/components/auth-showcase.md)
- [Auth Tabs Card](https://21st.dev/@ruixen.ui/components/auth-tabs-card.md)
- [Avatar Action Button](https://21st.dev/@ruixen.ui/components/avatar-action-button.md)
- [Avatar Notifications](https://21st.dev/@ruixen.ui/components/avatar-notifications.md)
- [Avatar Smart Group](https://21st.dev/@ruixen.ui/components/avatar-smart-group.md)
- [Badge Button Combo](https://21st.dev/@ruixen.ui/components/badge-button-combo.md)
- [Badge  Tabs](https://21st.dev/@ruixen.ui/components/badge-tabs.md)
- [Behavioral History Select](https://21st.dev/@ruixen.ui/components/behavioral-history-select.md)
- [Bottom Drawers](https://21st.dev/@ruixen.ui/components/bottom-drawers.md)
- [BrowserCard](https://21st.dev/@ruixen.ui/components/browser-card.md)
- [CalendarLume](https://21st.dev/@ruixen.ui/components/calendar-lume.md)
- [Calendar Planner](https://21st.dev/@ruixen.ui/components/calendar-planner.md)
- [Calendar Scheduler](https://21st.dev/@ruixen.ui/components/calendar-scheduler.md)
- [Calendar Twin](https://21st.dev/@ruixen.ui/components/calendar-twin.md)
- [Calendar With Presets](https://21st.dev/@ruixen.ui/components/calendar-with-presets.md)
- [Capsule Tabs](https://21st.dev/@ruixen.ui/components/capsule-tabs.md)
- [CardStack](https://21st.dev/@ruixen.ui/components/card-stack.md)
- [Carousel3DSelect](https://21st.dev/@ruixen.ui/components/carousel3dselect.md)
- [CaseStudies](https://21st.dev/@ruixen.ui/components/case-studies.md)
- [Centered Feedback Drawer](https://21st.dev/@ruixen.ui/components/centered-feedback-drawer.md)
- [ChecklistButton](https://21st.dev/@ruixen.ui/components/checklist-button.md)
- [Checkout Form](https://21st.dev/@ruixen.ui/components/checkout-form.md)
- [ChronoSelect](https://21st.dev/@ruixen.ui/components/chrono-select.md)
- [CircularRadialSelect](https://21st.dev/@ruixen.ui/components/circular-radial-select.md)
- [Clean Tag Input](https://21st.dev/@ruixen.ui/components/clean-tag-input.md)
- [Cloud Watch Form](https://21st.dev/@ruixen.ui/components/cloud-watch-form.md)
- [ColorEmotionSelect](https://21st.dev/@ruixen.ui/components/color-emotion-select.md)
- [Column Collaboration Table](https://21st.dev/@ruixen.ui/components/column-collaboration-table.md)
- [Combined Featured Section](https://21st.dev/@ruixen.ui/components/combined-featured-section.md)
- [CommandDeck](https://21st.dev/@ruixen.ui/components/command-deck.md)
- [Comparison Table](https://21st.dev/@ruixen.ui/components/comparison-table.md)
- [ConfettiButton](https://21st.dev/@ruixen.ui/components/confetti-button.md)
- [Confirmation Button](https://21st.dev/@ruixen.ui/components/confirmation-button.md)
- [Constellation Dock](https://21st.dev/@ruixen.ui/components/constellation-dock.md)
- [Container Text Scroll](https://21st.dev/@ruixen.ui/components/container-text-scroll.md)
- [ContributorsOverviewTable](https://21st.dev/@ruixen.ui/components/contributors-overview-table.md)
- [Cookie Notice](https://21st.dev/@ruixen.ui/components/cookie-notice.md)
- [Core Value Stats](https://21st.dev/@ruixen.ui/components/core-value-stats.md)
- [Correct Number Input](https://21st.dev/@ruixen.ui/components/correct-number-input.md)
- [CountdownButton](https://21st.dev/@ruixen.ui/components/countdown-button.md)
- [Create Account Form](https://21st.dev/@ruixen.ui/components/creat-account-form.md)
- [Creative Card](https://21st.dev/@ruixen.ui/components/creative-card.md)
- [Credit Card Dialog](https://21st.dev/@ruixen.ui/components/credit-card-dialog.md)
- [Credit Card Hero](https://21st.dev/@ruixen.ui/components/credit-card-hero.md)
- [Custom Alert](https://21st.dev/@ruixen.ui/components/custom-alert.md)
- [Daily Timeline Scheduler](https://21st.dev/@ruixen.ui/components/daily-timeline-scheduler.md)
- [Daily Tracker Dialog](https://21st.dev/@ruixen.ui/components/daily-tracker-dialog.md)
- [Date Time Input](https://21st.dev/@ruixen.ui/components/date-time-input.md)
- [DateTimePicker](https://21st.dev/@ruixen.ui/components/date-time-picker.md)
- [Dialog](https://21st.dev/@ruixen.ui/components/ruixen-dialog.md)
- [Dock](https://21st.dev/@ruixen.ui/components/dock.md)
- [DockMorph](https://21st.dev/@ruixen.ui/components/dock-morph.md)
- [Docks](https://21st.dev/@ruixen.ui/components/docks.md)
- [DoctorLiveChatCard](https://21st.dev/@ruixen.ui/components/doctor-live-chat-card.md)
- [Drag And Drop Tabs](https://21st.dev/@ruixen.ui/components/drag-and-drop-tabs.md)
- [Drawer Inner Content](https://21st.dev/@ruixen.ui/components/drawer-inner-content.md)
- [Drilldown Menu](https://21st.dev/@ruixen.ui/components/drilldown-menu.md)
- [Dropdown Multi Calendar](https://21st.dev/@ruixen.ui/components/dropdown-multi-calendar.md)
- [Dropdown Range Date Picker](https://21st.dev/@ruixen.ui/components/dropdown-range-date-picker.md)
- [DualToneRainBackground](https://21st.dev/@ruixen.ui/components/dual-tone-rain-background.md)
- [DynamicSelect](https://21st.dev/@ruixen.ui/components/dynamic-select.md)
- [Dynamic Status Button](https://21st.dev/@ruixen.ui/components/dynamic-status-button.md)
- [Elite Plan Card](https://21st.dev/@ruixen.ui/components/elite-plan-card.md)
- [Emoji Radio Group](https://21st.dev/@ruixen.ui/components/emoji-radio-group.md)
- [EventAquariumCalendar](https://21st.dev/@ruixen.ui/components/event-aquarium-calendar.md)
- [Event Calendar](https://21st.dev/@ruixen.ui/components/event-calendar.md)
- [Event Constellation Calendar](https://21st.dev/@ruixen.ui/components/event-constellation-calendar.md)
- [Event Path Calendar](https://21st.dev/@ruixen.ui/components/event-path-calendar.md)
- [Event Scheduler](https://21st.dev/@ruixen.ui/components/event-scheduler.md)
- [Expandable Content Button](https://21st.dev/@ruixen.ui/components/expandable-content-button.md)
- [Fade Slide Tabs](https://21st.dev/@ruixen.ui/components/fade-slide-tabs.md)
- [Falling Symbols Background](https://21st.dev/@ruixen.ui/components/falling-symbols-background.md)
- [FAQChatAccordion](https://21st.dev/@ruixen.ui/components/faqchat-accordion.md)

Full component directory: https://21st.dev/llms.txt