Unlumen Ui
ui.unlumen.comFree + paidmanifest served live
Open-source documentation and public component registry for unlumen UI
Items
225
2026-08-03Every entry in its own registry.json, counted last night.Free to install
183
2026-08-03Item endpoints that returned source without credentials.Behind a key
42
2026-08-03Item endpoints that answered 401.Last push
3 days ago
27 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 |
|---|---|---|---|---|---|
| AI Chatai-chat | A chat component that allows you to chat with an AI. | Components | Paid | 2 deps | |
| Vercel Animate Countanimate-count | A number display that animates the transition between values with a blur + slide effect, with a hook to throttle rapid updates. | Components | Free | 1 dep | |
| Animate Digitsanimate-digits | Per-digit blur-slide animation — only the digits that change animate. | Components | Free | 1 dep | |
| Animate Text Input Typinganimate-text-input-typing | An animated input field with per-character motion effects and a smooth custom cursor overlay — supports multiple animation presets, cursor variants, and input styles. | Components | Free | 1 dep | |
| Animated Listanimated-list | A real-time push feed where new items animate in from the top with spring physics — Stripe Radar style. | Components | Free | 1 dep | |
| Apple Switchapple-switch | Animated toggle switch with separate track/thumb sizing, spring feedback, optional label text, and tone variants. | Components | Free | 1 dep | |
| Aurora Barsaurora-bars | Animated bars with aurora-inspired gradient effects and smooth transitions. | Components | Free | 1 dep | |
| Aurora Bluraurora-blur | Aurora blur shader layer used by Aurora Card. | Components | Free | 2 deps | |
| Aurora Cardaurora-card | Aurora-blur pricing card with a configurable hero area, layout hooks, and customizable shader controls. | Components | Paid | 2 deps | |
| Blob Cardblob-card | Animated card with fluid blob header, animated glow border, and configurable colors. | Components | Free | no deps | |
| Buttonbutton | A simple button that animates on hover and tap. | Components | Free | 1 dep | |
| Cards View Iconcards-view-icon | Animated icon where four square dots reorder in a 2×2 grid via Motion layout animation when active, signaling a card view mode. | Components | Free | 1 dep | |
| Clipped Circleclipped-circle | A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside the container. | Components | Free | 1 dep | |
| Command Menucommand-menu | A composable ⌘K command palette with fuzzy search, custom groups, built-in theme switcher, and animated content reveal. | Components | Free | 3 deps | |
| Compact View Iconcompact-view-icon | Animated icon where a 3×2 grid of dots reorder themselves via Motion layout animation when active. | Components | Free | 1 dep | |
| Copy Buttoncopy | A copy button component with a variety of styles and animations. | Components | Free | 3 deps | |
| Count Upcount-up | An animated number counter that springs to its target value when it enters the viewport, with support for decimals, separators, and direction. | Components | Free | 2 deps | |
| Cursorcursor | An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations. | Components | Free | 1 dep | |
| Cursor Image Trailcursor-image-trail | A trail of images that follows the cursor with spring-physics fade and rotation. | Components | Free | 1 dep | |
| Cursorcursor-primitive | An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations. | Components | Free | 1 dep | |
| Blob Card Demodemo-blob-card | Demo showing the Blob Card component. | Components | Free | no deps | |
| Copy Button Demodemo-copy | Demo showing a copy button. | Components | Free | 1 dep | |
| Cursor Demodemo-cursor | Demo showing a cursor. | Components | Free | no deps | |
| Gravity Stars Background Demodemo-gravity-stars | Demo showing a gravity stars background. | Components | Paid | no deps | |
| Horizontal Depth Fade Demodemo-horizontal-depth-fade | Demo showing the Horizontal Depth Fade component. | Components | Free | no deps | |
| Orbital Image Wheel Demodemo-orbital-image-wheel | Demo showing the Orbital Image Wheel component. | Components | Free | no deps | |
| Perspective Flow Demodemo-perspective-flow | Demo showing the Perspective Flow component. | Components | Free | no deps | |
| Pixel Background Demodemo-pixel | Demo showing a pixel background. | Components | Paid | no deps | |
| Pixel Background Grid Demodemo-pixel-grid | Demo showing three pixel backgrounds side by side with different color palettes. | Components | Free | no deps | |
| Pixel Liquid Background Demodemo-pixel-liquid-bg | Demo showing the Pixel Liquid Background component. | Components | Free | no deps | |
| Square Pattern Background Demodemo-square-pattern | Demo showing the Square Pattern Background component. | Components | Paid | no deps | |
| Wave Background Demodemo-wave-background | Demo showcasing scroll-driven and ambient wave dividers — as a page section divider, inside a card, and in both directions. | Components | Paid | 1 dep | |
| Dia Text Revealdia-text-reveal | Animated text reveal with a colorful gradient sweep effect, inspired by the Dia app. | Components | Paid | 1 dep | |
| Dockdock | Animated dock with Gaussian magnification, spring physics, separators, and tooltip carets. | Components | Free | 1 dep | |
| Expand Menuexpand-menu | An animated expanding menu that reveals items from a trigger button, with configurable direction, layout, and alignment. | Components | Free | 1 dep | |
| Expandable Navbarexpandable-navbar | A full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll hide/show, and a mobile circle-reveal overlay. | Components | Paid | 4 deps | |
| Favicon Searchfavicon-search | A search input that fetches and smoothly animates the site favicon into the search bar as you type a URL. | Components | Free | 2 deps | |
| File Treefile-tree | Animated file-tree component with animated hover highlight, spring folder expand/collapse, and automatic file-type icons. | Components | Free | 2 deps | |
| Floating Navbarfloating-navbar | A sticky floating pill navbar with scroll-velocity spring physics, velocity-highlight hover effect, dropdown menus, mobile overlay, and optional theme toggle. | Components | Paid | 4 deps | |
| Floating Tooltipfloating-tooltip | A floating tooltip component. | Components | Free | 2 deps | |
| GitHub Graphgithub-graph | A polished, animated GitHub contribution graph for portfolio sites. | Components | Free | 1 dep | |
| Glow Buttonglow | A button with an animated conic-gradient glow layer behind it. Supports rotate, pulse, breathe, colorShift, flowHorizontal and static modes. | Components | Free | 2 deps | |
| Glowing Badgeglowing-badge | Badge with an animated pulsing glow dot. Supports status variants: default, success, warning, error, info. | Components | Free | 1 dep | |
| Gooey Navbar Menugooey-navbar-menu | A spring-animated navbar menu with a gooey SVG-filtered background that connects the active trigger and dropdown panel. | Components | Paid | 3 deps | |
| Gooey SVG Filtergooey-svg-filter | An SVG filter that creates a gooey, fluid merging effect on adjacent elements using Gaussian blur and alpha-channel color matrix manipulation. | Components | Paid | no deps | |
| Gravity Stars Backgroundgravity-stars | A background component featuring a subtle yet engaging animated gravity stars effect. | Components | Paid | 1 dep | |
| Highlighthighlight | An animated highlight component that tracks elements with smooth spring animations. | Components | Free | 1 dep | |
| Horizontal Depth Fadehorizontal-depth-fade | Scroll-driven horizontal image strip on a single line with cinematic blur and brightness focus. GSAP ScrollTrigger implementation. | Components | Free | 1 dep |
Hooks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useAutoHeighthooks-use-auto-height | A hook that allows you to automatically adjust the height of an element based on its content. | Hooks | Free | no deps | |
| Use Controlled Statehooks-use-controlled-state | React hook for controlled and uncontrolled component state. | Hooks | Free | no deps | |
| useDataStatehooks-use-data-state | A hook that allows you to get the data-state of an element. | Hooks | Free | no deps | |
| useIsInViewhooks-use-is-in-view | A hook that allows you to check if an element is in view. | Hooks | Free | 1 dep | |
| useMotionValueStatehooks-use-motion-value-state | A hook that allows you to use a motion value state. | Hooks | Free | 1 dep |
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 |
|---|---|---|---|---|---|
| Get Strict Contextlib-get-strict-context | React context helper that throws when used outside its provider. | Utilities | Free | no deps | |
| Pixel Patternspixel-patterns | Deterministic threshold, accent, and easing helpers for pixel-grid transition components. | Utilities | Free | no deps |
Examples
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| AI Chat Demodemo-ai-chat | Demo showing an AI chat component. | Examples | Paid | 1 dep | |
| Vercel Animate Count Demodemo-animate-count | Demo showing an animated number counter with blur + slide transitions. | Examples | Free | no deps | |
| Animate Digits Demodemo-animate-digits | Timer demo showcasing per-digit blur-slide animation. | Examples | Free | no deps | |
| Animate Text Input Typing Demodemo-animate-text-input-typing | Animated text input with per-character motion and custom cursor overlay. | Examples | Free | no deps | |
| Animated List Demodemo-animated-list | Auto-cycling notification feed with spring entry animations. | Examples | Free | no deps | |
| Apple Switch Demodemo-apple-switch | A compact settings panel with animated switches, descriptions, sizes, and tone controls. | Examples | Free | no deps | |
| Aurora Bars Demodemo-aurora-bars | Demonstration of the Aurora Bars component with animated gradient effects. | Examples | Free | no deps | |
| Aurora Card Demodemo-aurora-card | Pricing card demo matching exactly the pricing page card style. | Examples | Paid | no deps | |
| Cards View Icon Demodemo-cards-view-icon | Four dots reorder themselves in a 2×2 grid via layout animation on toggle to indicate cards view. | Examples | Free | no deps | |
| Clipped Circle Demodemo-clipped-circle | Demo showing a clipped circle spotlight effect on a button, a card, and an image. | Examples | Free | no deps | |
| Command Menu Demodemo-command-menu | Demo showing a composable command palette with navigation, component links, and a built-in theme switcher. | Examples | Free | 1 dep | |
| Compact View Icon Demodemo-compact-view-icon | Six dots reorder themselves via layout animation on toggle to indicate compact view. | Examples | Free | no deps | |
| Count Up Demodemo-count-up | Demo showing animated number counters with spring physics. | Examples | Free | no deps | |
| Cursor Image Trail Demodemo-cursor-image-trail | Demo showing a trail of images that follow the cursor with spring physics and fade-out. | Examples | Free | no deps | |
| Dia Text Reveal Demodemo-dia-text-reveal | Demo of the gradient sweep text reveal animation. | Examples | Paid | no deps | |
| Dock Demodemo-dock | Vercel-style dock with Lucide icons, separators, and Gaussian magnification. | Examples | Free | 1 dep | |
| Expand Menu Demodemo-expand-menu | Demo for the Expand Menu component showing Edit, Copy, Share, and Archive actions. | Examples | Free | no deps | |
| Expandable Navbar Demodemo-expandable-navbar | Full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll hide/show, and mobile circle-reveal overlay. | Examples | Paid | 1 dep | |
| Favicon Search Demodemo-favicon-search | Demo showing the FaviconSearch input — type a website URL and the brand logo animates in. | Examples | Free | 1 dep | |
| File Tree Demodemo-file-tree | Animated file-tree with nested folders, file-type icons, and highlighted files. | Examples | Free | no deps | |
| Floating Navbar Demodemo-floating-navbar | Floating pill navbar with dropdown menus, mobile overlay, and scroll-velocity spring animation. | Examples | Paid | 1 dep | |
| Floating Tooltip Demodemo-floating-tooltip | no description published | Examples | Free | 1 dep | |
| GitHub Graph Demodemo-github-graph | An animated GitHub contribution graph with an editable account field. | Examples | Free | no deps | |
| Glow Button Demodemo-glow | Three glow buttons with different colour palettes and animation modes. | Examples | Free | 1 dep | |
| Glowing Badge Demodemo-glowing-badge | Shows all badge variants with animated glow dots. | Examples | Free | no deps | |
| Gooey Navbar Menu Demodemo-gooey-navbar-menu | Centered navbar menu with a gooey bridge between the active link and dropdown panel. | Examples | Paid | no deps | |
| Gooey SVG Filter Demodemo-gooey-svg-filter | A gooey radial action menu whose icons spiral out from a central close button before settling into place. | Examples | Paid | no deps | |
| Highlight Demodemo-highlight | Interactive highlight effect with smooth spring animations. | Examples | Free | no deps | |
| Hover Expand Demodemo-hover-expand | Five travel destinations that expand vertically on hover to reveal a full-width photograph. | Examples | Free | no deps | |
| Hover Feature Cards Demodemo-hover-feature-cards | Two-column feature grid with hover-reveal description panels. | Examples | Free | no deps | |
| Hover Image List Demodemo-hover-image-list | Six large headings with image reveal and slide-right animation on hover. | Examples | Paid | no deps | |
| Inline Testimonials Demodemo-inline-testimonials | Eight testimonials flowing inline with blur-on-hover and author reveal. | Examples | Paid | no deps | |
| Kbd Demodemo-kbd | Single keyboard keys and common shortcuts using the Kbd and Shortcut components. | Examples | Free | no deps | |
| List View Icon Demodemo-list-view-icon | Three animated lines shuffle vertically on toggle to indicate list view. | Examples | Free | no deps | |
| Magnetic Button Demodemo-magnetic-button | Three magnetic buttons showing different radius and spring configurations. | Examples | Free | no deps | |
| Math Graph Demodemo-math-graph | Demo showing an interactive real-time math function visualizer. | Examples | Free | no deps | |
| Matrix Demodemo-matrix | Interactive demo showcasing real-time clock, animation presets, VU meter, and a pixel draw pad. | Examples | Free | no deps | |
| Matrix Image Demodemo-matrix-image | Upload an image and render it as a grayscale LED dot matrix with adjustable resolution. | Examples | Free | no deps | |
| Matrix Image to Framedemo-matrix-image-to-frame | Upload an image and export it as a binary Frame (0s and 1s) for use with the Matrix component. | Examples | Free | no deps | |
| Motion FAQs Accordion Demodemo-motion-faqs-accordion | 5-item FAQ accordion with spring-animated content reveal. | Examples | Free | no deps | |
| Motion Navigation Menu Demodemo-motion-navigation-menu | Centered navigation menu with a single morphing container and direction-aware spring transitions. | Examples | Free | no deps | |
| Motion Tabs Menu Demodemo-motion-tabs-menu | Expandable bottom tab bar with spring-animated content panels and direction-aware slide transitions. | Examples | Paid | no deps | |
| Next.js Ship Demodemo-nextjs-ship | Animated chip with gradient pulse circuit traces. | Examples | Free | no deps | |
| Orbiting Skills Demodemo-orbiting-skills | Demo showing skill badges orbiting a center avatar, with cursor-following on desktop and always-on mobile mode. | Examples | Free | 1 dep | |
| Page Transition Demodemo-page-transition | Demo showing four fake pages cycling through curtain, slide, push, and fade transition variants. | Examples | Free | no deps | |
| Pinned List Demodemo-pinned-list | 5-item list with smooth pin/unpin layout animations. | Examples | Free | 1 dep | |
| Pixel Scroll Transition Demodemo-pixel-scroll-transition | Scrollable inline demo showing a directional pixel wipe between dark and warm paper sections. | Examples | Paid | no deps | |
| Progressive Blur Demodemo-progressive-blur | Scrollable content with progressive blur overlays at the top and bottom edges. | Examples | Free | no deps |
