@unlumen-ui

A number display that animates the transition between values with a blur + slide effect, with a hook to throttle rapid updates.

Animated toggle switch with separate track/thumb sizing, spring feedback, optional label text, and tone variants.

Animated card with fluid blob header, animated glow border, and configurable colors.

A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside the container.

A copy button component with a variety of styles and animations.

A trail of images that follows the cursor with spring-physics fade and rotation.

Animated dock with Gaussian magnification, spring physics, separators, and tooltip carets.

Animated file-tree component with animated hover highlight, spring folder expand/collapse, and automatic file-type icons.

A button with an animated conic-gradient glow layer behind it. Supports rotate, pulse, breathe, colorShift, flowHorizontal and static modes.

A hook that allows you to automatically adjust the height of an element based on its content.

A hook that allows you to check if an element is in view.

A responsive grid of feature cards where a description panel slides in from below on hover, with spring animation and optional image support.

React context helper that throws when used outside its provider.

A real-time visual math function builder with animated SVG curves, a pan/zoom canvas, crosshair tooltip, and support for multiple expressions simultaneously.

A clean Motion-powered FAQ accordion with spring-animated content reveal.

Animated chip/CPU circuit board visualization with gradient pulse traces traveling along PCB-style paths.

Per-digit blur-slide animation — only the digits that change animate.

Animated bars with aurora-inspired gradient effects and smooth transitions.

A simple button that animates on hover and tap.

A composable ⌘K command palette with fuzzy search, custom groups, built-in theme switcher, and animated content reveal.

An animated number counter that springs to its target value when it enters the viewport, with support for decimals, separators, and direction.

An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.

An animated expanding menu that reveals items from a trigger button, with configurable direction, layout, and alignment.

A floating tooltip component.

Badge with an animated pulsing glow dot. Supports status variants: default, success, warning, error, info.

React hook for controlled and uncontrolled component state.

A hook that allows you to use a motion value state.

Animated icon where three horizontal lines shuffle vertically when active, signaling a list view mode.

An LED dot matrix display component with SVG pixels, radial glow, built-in digit/animation presets, and a VU meter mode.

A spring-animated navigation menu with a single morphing container, layout-animated active pill, and direction-aware content transitions.

A Notion-inspired rich link mention with a securely fetched preview card on hover.

A real-time push feed where new items animate in from the top with spring physics — Stripe Radar style.

Aurora blur shader layer used by Aurora Card.

Animated icon where four square dots reorder in a 2×2 grid via Motion layout animation when active, signaling a card view mode.

Animated icon where a 3×2 grid of dots reorder themselves via Motion layout animation when active.

An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.

Demo showing three pixel backgrounds side by side with different color palettes.

A search input that fetches and smoothly animates the site favicon into the search bar as you type a URL.

A polished, animated GitHub contribution graph for portfolio sites.

An animated highlight component that tracks elements with smooth spring animations.

A hook that allows you to get the data-state of an element.

A vertical list of rows that expand on hover to reveal a full-width image, animated with Motion springs.

Keyboard key and shortcut display component with a soft, minimal key style.

A button that magnetically follows cursor proximity with spring physics. Smoothly snaps back when the cursor leaves.

An animated image component that simulates the iconic Matrix digital rain effect.

Animated subtitle text with per-character reveal, blur transition, speed control, and top/bottom direction.

Scroll-driven half-wheel image layout powered by GSAP ScrollTrigger, with cinematic blur/saturation/brightness focus and centered captions.