UI components | Trending Society

@devsloka

An interactive WebGL globe with country borders, built with three.js.

Backgrounds1 registry dep · 3 packages

@motiq

A content-aware structural grid for hero sections: the grid quiets inside one or many safe areas (via an SVG mask) so foreground copy stays readable, while detail collects toward the frame edges. Optional perspective skew, highlighted cells, and a restrained accent shimmer. Deterministic (SSR-safe), light/dark, reduced-motion-static, forced-colors-safe, offscreen-paused. SVG + CSS only.

3D Globe Background

@devsloka

An interactive WebGL globe with country borders, built with three.js.

Backgrounds1 registry dep · 3 packages

Adaptive Safe-Zone Grid

@motiq

Animated Background

@motion-primitives

A component that provides animated background effects for UI elements.

Backgrounds1 package

animated-gradient

@componentry

Backgrounds

Animated Gradient Border

@bundui

An Animated Gradient Border is a decorative ui element that displays moving color gradients around a component’s edge.

Backgrounds4 registry deps

Animated Grid

@motiq

A CSS-only animated grid background layer with a slow drift, optional radial fade mask, and a prefers-reduced-motion stop. No canvas, no JS loop. Decorative.

Backgrounds1 registry dep · 2 packages

animated-grid-pattern

@eldoraui

An animated grid pattern component.

BackgroundsReact · 3 packages

Arc

@crucible

An electric-storm background: seeded midpoint-displacement lightning bolts fork down from a faint cloud glow toward random ground points, drawn as layered strokes (wide glow, colored haze, white-hot core) with flicker re-strikes and afterimage persistence. Click to call a strike to your cursor. Photosensitivity-safe by design: shaped pulse trains (max 3 peaks, 130ms+ apart), a hard 1.25s strike cooldown, and a flashCap clamp on full-frame luminance. Canvas 2D, idle-silent between strikes, offscreen-paused, reduced-motion poster frame. Clicks stack (up to three queued strikes, still cooldown-clamped), a `strike()` ref handle calls bolts programmatically, and a ghost click idles the storm when untouched.

Backgrounds

Arcade

@crucible

8-bit attract-mode background: a chunky pixel starfield drifting on three parallax depth layers, seeded space-shooter sprites gliding across on a two-frame flap, and a faint pixel grid receding to a horizon. Crisp unsmoothed pixels. Canvas 2D, seeded, offscreen-paused, reduced-motion-safe.

Backgrounds

Aura Booking Picker

@viberdy

A booking picker in three quiet steps, treatment, day and time, where the chosen time blooms into a grained halo, and a request that needs your handler before it confirms anything.

Backgrounds

Auralis

@forgeui

A WebGL-powered animated background featuring layered simplex noise, glowing light effects, vignette, and subtle film grain for a dramatic ambiance.

Backgrounds

Aurora

@corsair-ui

Slow, soft light drifting behind its content, from three radial gradients.

Backgrounds2 registry deps

Aurora

@furin

A WebGL background of slowly rippling aurora curtains, in your own colors.