unlumen-ui

Demo of the gradient sweep text reveal animation.

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

Vercel-style dock with Lucide icons, separators, and Gaussian magnification.

An effect that allows you to animate elements on first view or load.

A full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll hide/show, and a mobile circle-reveal overlay.

Full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll hide/show, and mobile circle-reveal overlay.

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

Demo for the Expand Menu component showing Edit, Copy, Share, and Archive actions.

An effect that allows you to animate elements with a fade effect on first view or load.

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

Demo showing the FaviconSearch input — type a website URL and the brand logo animates in.

Animated file-tree primitives with motion hover highlight, spring folder expand/collapse, and animated folder icon swap.

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

Animated file-tree with nested folders, file-type icons, and highlighted files.

A button that flips between two states on hover.

A sticky floating pill navbar with scroll-velocity spring physics, velocity-highlight hover effect, dropdown menus, mobile overlay, and optional theme toggle.

Floating pill navbar with dropdown menus, mobile overlay, and scroll-velocity spring animation.

A floating tooltip component.

(No description)

React context helper that throws when used outside its provider.

A polished, animated GitHub contribution graph for portfolio sites.

An animated GitHub contribution graph with an editable account field.

A component that animates a number of stars, smoothly animating number transitions using the SlidingNumber component.

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

Three glow buttons with different colour palettes and animation modes.

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

Shows all badge variants with animated glow dots.

A spring-animated navbar menu with a gooey SVG-filtered background that connects the active trigger and dropdown panel.

Centered navbar menu with a gooey bridge between the active link and dropdown panel.

An SVG filter that creates a gooey, fluid merging effect on adjacent elements using Gaussian blur and alpha-channel color matrix manipulation.

A gooey radial action menu whose icons spiral out from a central close button before settling into place.

A gradient text animation.

A background component featuring a subtle yet engaging animated gravity stars effect.

Demo showing a gravity stars background.

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

Interactive highlight effect with smooth spring animations.

A Radix UI NavigationMenu with animated highlight hover effects built in.

A highlight text animation.

Scroll-driven horizontal image strip on a single line with cinematic blur and brightness focus. GSAP ScrollTrigger implementation.

Demo showing the Horizontal Depth Fade component.

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

Five travel destinations that expand vertically on hover to reveal a full-width photograph.

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

Two-column feature grid with hover-reveal description panels.

A list of large headings that reveal an image on the left and shift right on hover, animated with Motion.

Six large headings with image reveal and slide-right animation on hover.

An effect that allows you to zoom in on an image on hover.

(No description)