ruixen-ui
ruixen.comFreemanifest served live
Ruixen UI – A modern, flexible, and customizable UI component library built for speed, scalability, and developer happiness.
Items
417
2026-08-03Every entry in its own registry.json, counted last night.Free to install
417
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
5 days ago
200 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Editorial Accordionaccordion-editorial | A typographic accordion with oversized uppercase titles, numbered items, and a faded-to-primary color transition on expand. | Components | Free | no deps | |
| Indexed Accordionaccordion-indexed | A numbered accordion with zero-padded indices, a boxed plus icon that rotates on hover and transforms on expand. | Components | Free | 1 dep | |
| Account Menuaccount-menu | User account dropdown menu with profile options, settings, and logout functionality. | Components | Free | 1 dep | |
| Action Toolbaraction-toolbar | Versatile toolbar component with action buttons and dropdown menus for common operations. | Components | Free | 1 dep | |
| Add Task Sheetadd-task-sheet | Quick-add task dialog — title input, priority pills, Enter to submit. Three zones, two hairlines. | Components | Free | 1 dep | |
| Add To Cart Buttonadd-to-cart-button | A morphing add-to-cart button with spring physics, slot-machine quantity flip, and live price updates. | Components | Free | 1 dep | |
| AI Chat Inputai-chat-input | Vanishing chat input with rotating placeholders, pixel-scatter submit, and spring-timed interactions. | Components | Free | 1 dep | |
| Animated Highlight Textanimated-highlight-text | Typographic block that mixes plain copy with inline highlights carrying bespoke animated SVG icons — a heart that beats a real lub-dub, twinkling sparkles, a clicking cursor, a launching rocket — that come alive on hover or focus. | Components | Free | 1 dep | |
| Animated Linkanimated-link | A zero-dependency animated link whose underline reveals from the left, the right, or grows from the center on hover, with an optional diagonal arrow that lifts into view. Pure CSS and fully theme-aware. | Components | Free | no deps | |
| Animated Number Flipanimated-number-flip | A card component that displays numbers with smooth flip animations. | Components | Free | 1 dep | |
| Theme Toggleranimated-theme-toggler | Sun↔moon morph toggle with spring physics, SVG mask crescent, and switch-click audio. | Components | Free | 1 dep | |
| App Menu Barapp-menu-bar | Desktop-style application menu bar with File, Edit, View, and Help menus. | Components | Free | 1 dep | |
| Arc Reveal Heroarc-reveal-hero | A multilingual greeting cycles on a calm white surface, then a curved black curtain rises from below to reveal the landing — the boundary stays a single smooth arc the whole way up, never a flat slide. | Components | Free | 1 dep | |
| Auto Scrolling Client Carouselauto-scrolling-client-carousel | Dual ribbon with grayscale bloom — two rows scroll in opposite directions, monochrome at rest, color blooms on hover with spring-bounce lift. | Components | Free | no deps | |
| Automated Tasks Panelautomated-tasks-panel | Animated task panel with scrolling automation features | Components | Free | 2 deps | |
| Avatar Hover Cardavatar-hover-card | An interactive avatar that reveals a profile card on hover with spring physics, staggered content, and delayed open/close. | Components | Free | 1 dep | |
| Avatar Quick Actionsavatar-quick-actions | An orbital action ring that blooms outward from the avatar with staggered spring emergence — hover any action and the rest dim, drawing the eye. | Components | Free | 1 dep | |
| Avatar Spring Stackavatar-spring-stack | An overlapping avatar stack with spring-animated tooltips that reveal labels on hover, plus a +N overflow counter. | Components | Free | 1 dep | |
| Badge Button Combobadge-button-combo | iOS 26 liquid-glass pill with inline chip badge for counts or status labels. | Components | Free | 1 dep | |
| Badge Morphbadge-morph | A morphing status badge that transitions between states with spring-physics micro-interactions. | Components | Free | 1 dep | |
| Banner Announcementbanner-announcement | A dismissible announcement banner with multiple variants and action links. | Components | Free | 1 dep | |
| Banner Cookiebanner-cookie | A frosted-glass cookie consent card with rise entrance and shrink-drop dismiss. | Components | Free | no deps | |
| Banner Countdownbanner-countdown | A countdown banner with Fluid Numerals — odometer-style rolling digits, colon heartbeat, and height-collapse dismiss. | Components | Free | 1 dep | |
| Banner Newsletterbanner-newsletter | A newsletter banner with Inline Morphing — one pill that reshapes across input, loading, and confirmation. | Components | Free | 1 dep | |
| Better Time Pickerbetter-time-picker | iOS 26 liquid-glass time picker with column steppers, spring-animated values, and segmented AM/PM toggle. | Components | Free | 1 dep | |
| Blurred Stagger Textblurred-stagger-text | An animated text component with staggered blur reveal effect using Framer Motion. | Components | Free | 1 dep | |
| Bordered Clients Gridbordered-clients-grid | Five-column logo grid with subtle dividers, hover-tinted cells, and decorative cross markers at the four corners. | Components | Free | no deps | |
| Bottom Drawersbottom-drawers | Snap-point bottom sheet — three snap heights (peek, half, full), drag between them, velocity-aware, progressive content reveal. | Components | Free | 1 dep | |
| Breadcrumb Dropdownbreadcrumb-dropdown | Inline-expanding collapsible breadcrumb with staggered path reveal. | Components | Free | no deps | |
| Breadcrumb Iconbreadcrumb-icon | Breadcrumb navigation with icons for each item. | Components | Free | 1 dep | |
| Breadcrumb Separatorbreadcrumb-separator | Breadcrumb navigation with customizable separators (chevron, slash, dot, arrow, dash). | Components | Free | 1 dep | |
| Button Badgebutton-badge | iOS 26 liquid-glass pill with floating spring-animated notification badge. | Components | Free | 1 dep | |
| Button Copybutton-copy | iOS 26 liquid-glass copy pill with AnimatePresence icon crossfade. | Components | Free | 1 dep | |
| Button Dropdownbutton-dropdown | iOS 26 liquid-glass pill with spring chevron and staggered glass dropdown. | Components | Free | 1 dep | |
| Button Splitbutton-split | iOS 26 liquid-glass two-zone pill with primary action and dropdown options. | Components | Free | 1 dep | |
| Calendar Crestcalendar-crest | Dual-month range picker with physical depth — selected band rises off the surface, endpoints crest highest, proportional shadows. | Components | Free | 1 dep | |
| Calendar Lumecalendar-lume | A depth-zoom calendar — drill from years to months to days with scale-based transitions and staggered grids. | Components | Free | 1 dep | |
| Calendar Plannercalendar-planner | Vertical day stream — past fades, today glows, events live inline. Select a day, type, press Enter. | Components | Free | 1 dep | |
| Calendar Schedulercalendar-scheduler | Week-strip scheduler — horizontal day ribbon, vertical time ruler, one-tap booking with spring physics. | Components | Free | 1 dep | |
| Calendar Twincalendar-twin | Dual-month range picker — click start, hover to preview, click end. Continuous band with smart rounding. | Components | Free | 1 dep | |
| Calendar Wavecalendar-wave | A calendar where days rise toward your cursor like water — cosine wave ripple, spring physics, shadow depth. | Components | Free | 1 dep | |
| Card Carousel Herocard-carousel-hero | An interactive hero section featuring a card carousel with smooth animations | Components | Free | 2 deps | |
| Card Stackcard-stack | An interactive 3D card stack carousel with fan-out animation, drag gestures, and auto-advance support. | Components | Free | 2 deps | |
| Case Study Tabscase-study-tabs | A tabbed customer-testimonial block with embossed stars, brand-logo tabs, an animated underline indicator that adopts each brand's accent color, a featured case-study paragraph with CTA, and a pull-quote with author. | Components | Free | 1 dep | |
| Centered Feedback Drawercentered-feedback-drawer | Centered feedback panel — three SVG faces, contextual comment, spring selection, auto-dismiss thank-you state. | Components | Free | 1 dep | |
| Chapter Scrubberchapter-scrubber | A vertical rail of uniform ticks that magnify toward the cursor like a dock — the lines nearest the pointer rise on a spring-driven wave and a preview card describes the crest chapter, inspired by the OpenAI Codex chapters minimap. | Components | Free | 1 dep | |
| Checkbox Coloredcheckbox-colored | A checkbox with customizable color themes including blue, green, red, and more. | Components | Free | 1 dep | |
| Checkbox Groupcheckbox-group | A group of checkboxes for multi-selection with horizontal or vertical layout. | Components | Free | 1 dep |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Calendarlayouts-calendar | Full-featured week/day view with event drag + resize, multi-day events, mini-calendar sidebar, command menu, and rich keyboard shortcuts. | Blocks | Free | 6 deps · 35 files | |
| Scroll Headerlayouts-scroll-header | Scroll-aware sticky header with fluid animated tab transitions. Ships with home, about, contact, and danger-zone demo pages. | Blocks | Free | 3 deps · 11 files |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| indexindex | no description published | Themes | Free | 3 deps |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| utilsutils | no description published | Utilities | Free | 2 deps |
Examples
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Editorial Accordion Demoaccordion-editorial-demo | Example showing typographic accordion with oversized titles and numbered items. | Examples | Free | no deps | |
| Indexed Accordion Demoaccordion-indexed-demo | Example showing numbered accordion with boxed plus icon and hover interactions. | Examples | Free | no deps | |
| Account Menu Demoaccount-menu-demo | Example showing user account dropdown menu with profile options, settings, and logout functionality. | Examples | Free | no deps | |
| Action Toolbar Demoaction-toolbar-demo | Example showing versatile toolbar component with action buttons and dropdown menus for common operations. | Examples | Free | no deps | |
| Add Task Sheet Demoadd-task-sheet-demo | Example showing a quick-add task dialog with title input and priority pills. | Examples | Free | no deps | |
| Add To Cart Button Demoadd-to-cart-button-demo | Example showing a morphing add-to-cart button with quantity controls and live price. | Examples | Free | no deps | |
| AI Chat Input Demoai-chat-input-demo | Example showing advanced chat input with AI features. | Examples | Free | no deps | |
| Animated Highlight Text Demoanimated-highlight-text-demo | Example showing inline highlights whose icons animate on hover — a wiggling cursor, a beating heart, a pulsing sparkle, and a bouncing rocket. | Examples | Free | no deps | |
| Animated Link Demoanimated-link-demo | Example showing animated links whose underline reveals from the left, the right, or grows from the center on hover. | Examples | Free | no deps | |
| Animated Number Flip Demoanimated-number-flip-demo | Example showing number cards with smooth flip animations. | Examples | Free | no deps | |
| Animated Theme Toggler Demoanimated-theme-toggler-demo | Example showing animation while changing the theme. | Examples | Free | no deps | |
| App Menu Bar Demoapp-menu-bar-demo | Example showing desktop-style application menu bar with File, Edit, View, and Help menus. | Examples | Free | no deps | |
| Arc Reveal Hero Demoarc-reveal-hero-demo | Example of a multilingual greeting cycle followed by a curved black curtain rising to reveal a studio-style landing surface. | Examples | Free | no deps | |
| Auto Scrolling Client Carousel Demoauto-scrolling-client-carousel-demo | Example of automatically scrolling carousel with client logos | Examples | Free | no deps | |
| Automated Tasks Panel Demoautomated-tasks-panel-demo | Example of animated task panel with scrolling automation features | Examples | Free | no deps | |
| Avatar Hover Card Demoavatar-hover-card-demo | Example showing avatar that expands into a profile card with blur-reveal animations. | Examples | Free | no deps | |
| Avatar Quick Actions Demoavatar-quick-actions-demo | Example showing a circular avatar button with quick-action icons on hover. | Examples | Free | no deps | |
| Avatar Spring Stack Demoavatar-spring-stack-demo | Example showing overlapping avatar stack with spring-animated tooltips on hover. | Examples | Free | no deps | |
| Badge Button Combo Demobadge-button-combo-demo | Example showing a button combined with badge functionality. | Examples | Free | no deps | |
| Badge Morph Demobadge-morph-demo | Example showing a morphing status badge with an interactive deploy sequence. | Examples | Free | no deps | |
| Banner Announcement Demobanner-announcement-demo | Example showing announcement banners with various variants. | Examples | Free | no deps | |
| Banner Cookie Demobanner-cookie-demo | Example showing cookie consent banners with different positions. | Examples | Free | no deps | |
| Banner Countdown Demobanner-countdown-demo | Example showing countdown timer banners for promotions. | Examples | Free | no deps | |
| Banner Newsletter Demobanner-newsletter-demo | Example showing newsletter subscription banners. | Examples | Free | no deps | |
| Better Time Picker Demobetter-time-picker-demo | Example showing an enhanced time picker with improved user experience. | Examples | Free | no deps | |
| Bordered Clients Grid Demobordered-clients-grid-demo | Example of bordered clients grid with hover-tinted cells and corner cross markers | Examples | Free | no deps | |
| Bottom Drawers Demobottom-drawers-demo | Example showing a bottom drawer component that slides up from the bottom of the screen. | Examples | Free | no deps | |
| Breadcrumb Dropdown Demobreadcrumb-dropdown-demo | Example showing breadcrumbs with collapsed items in dropdown. | Examples | Free | no deps | |
| Breadcrumb Icon Demobreadcrumb-icon-demo | Example showing breadcrumbs with icons. | Examples | Free | no deps | |
| Breadcrumb Separator Demobreadcrumb-separator-demo | Example showing breadcrumbs with different separator styles. | Examples | Free | no deps | |
| Button Badge Demobutton-badge-demo | Example showing buttons with notification badges. | Examples | Free | no deps | |
| Button Copy Demobutton-copy-demo | Example showing copy-to-clipboard buttons with feedback. | Examples | Free | no deps | |
| Button Dropdown Demobutton-dropdown-demo | Example showing buttons with dropdown menus. | Examples | Free | no deps | |
| Button Split Demobutton-split-demo | Example showing split buttons with dropdown options. | Examples | Free | no deps | |
| Calendar Crest Democalendar-crest-demo | Example showing a dual-month range picker with elevation-based range highlighting. | Examples | Free | no deps | |
| Calendar Lume Democalendar-lume-demo | Example showing an animated calendar with year/month/day step navigation. | Examples | Free | no deps | |
| Calendar Planner Democalendar-planner-demo | Example showing a comprehensive calendar planner with month/year view switching. | Examples | Free | no deps | |
| Calendar Scheduler Democalendar-scheduler-demo | Example showing a meeting scheduler with calendar and time slot selection. | Examples | Free | no deps | |
| Calendar Twin Democalendar-twin-demo | Example showing a dual-view calendar component with month and year selection modes. | Examples | Free | no deps | |
| Calendar Wave Democalendar-wave-demo | Example showing a calendar with wave-effect hover interaction. | Examples | Free | no deps | |
| Card Carousel Hero Democard-carousel-hero-demo | Example showing an interactive hero section with card carousel | Examples | Free | no deps | |
| Card Stack Democard-stack-demo | Example showing an interactive 3D card stack carousel with fan-out animation and drag gestures. | Examples | Free | no deps | |
| Case Study Tabs Democase-study-tabs-demo | Example of a tabbed case-study testimonial block with Stripe, Hulu, and Bolt brand tabs and an animated underline indicator. | Examples | Free | no deps | |
| Centered Feedback Drawer Democentered-feedback-drawer-demo | Example showing a centered drawer component designed for feedback collection. | Examples | Free | no deps | |
| Chapter Scrubber Demochapter-scrubber-demo | Example of a coding agent's task chapters as a vertical rail — hover or arrow over a line to reveal that chapter's preview card. | Examples | Free | no deps | |
| Checkbox Colored Democheckbox-colored-demo | Example showing checkboxes with different color themes. | Examples | Free | no deps | |
| Checkbox Group Democheckbox-group-demo | Example showing checkbox groups with horizontal and vertical layouts. | Examples | Free | no deps | |
| Checkbox Indeterminate Democheckbox-indeterminate-demo | Example showing checkboxes with indeterminate state for parent-child selection. | Examples | Free | no deps |
