@unlumen-ui

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

An interactive background featuring tiny pixel particles that ripple outward from the center on hover, then fade away.

A full Navier-Stokes fluid simulation background with pixelation, Bayer dithering, film-grain noise, and auto-demo mode. Reacts to cursor movement.

An interactive grid background where squares randomly light up with colors and react to hover.

A morphing SVG wave divider that transitions between sections. Supports scroll-driven morphing and ambient looping animation modes.

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

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

An icon button that spins on click and supports async refresh callbacks — ideal for reloading component previews or live data.

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.

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

Animated SVG icon that morphs between open and closed sidebar panel states using Motion path interpolation.

Aurora blur shader layer used by Aurora Card.

Aurora-blur pricing card with a configurable hero area, layout hooks, and customizable shader controls.

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

A chat component that allows you to chat with an AI.

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

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

An animated input field with per-character motion effects and a smooth custom cursor overlay — supports multiple animation presets, cursor variants, and input …

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

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

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

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

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.

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

Animated text reveal with a colorful gradient sweep effect, inspired by the Dia app.

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

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

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

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

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

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

A floating tooltip component.

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

A spring-animated navbar menu with a gooey SVG-filtered background that connects the active trigger 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.

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

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

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

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

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

Testimonials rendered as inline flowing text with circular avatars. Hover to blur others and reveal the author's name and role.

Keyboard key and shortcut display component with a realistic keycap style.

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

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

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

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

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

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

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

A floating bottom tab bar that expands upward with spring animations to reveal tab-specific content, with direction-aware slide transitions.

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

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

Animated skill badges that orbit a center element. On desktop the ring follows the cursor on hover; on mobile the ring is always visible.

GSAP-powered Next.js App Router page transition provider. Wraps your layout to animate between pages with a curtain reveal or slide push — ported from the Codr…

Scroll-driven 3D image grid with perspective rotations, blur, brightness, and inner parallax — supports both GSAP ScrollTrigger and Framer Motion engines.

A list of items that animate smoothly to a pinned section using Framer Motion layout animations.