Trending Society

Offset Shadow Card | UI components | Trending Society

More from @viberdy, 186 components

All @viberdy

Anamorphic Heading component
@viberdy
A heading that only reads from the right angle: its letters stand at different depths, scaled so they line up from straight ahead, and the view swings round to square as it scrolls in.
Motion and effects
Animated Checkbox component
@viberdy
A real checkbox with a check that draws itself in: the fill opens from the centre, the box pops, a ring and six sparks leave it, and a checked label can strike through. Indeterminate state, three sizes, controlled or not. No dependencies.
Forms
Animated Stat Grid component
@viberdy
A row of stat counters that count up together the moment they scroll into view.
Data display
Animated Tabs Indicator component
@viberdy
Tabs whose indicator stretches between tabs: the leading edge leaves first and the trailing edge follows on a softer spring. Labels flip colour exactly where the pill passes, hover shows a ghost highlight, optional panels slide by direction. No dependencies.
Navigation
Ardent Footer component
@viberdy
A black footer with a closing call, link columns and the brand set edge to edge across the bottom in rising heat haze.
Marketing
ASCII Density Nav component
@viberdy
A nav whose active link is marked by a band of ASCII density: characters thicken through a ramp under the active link and flow to the next one on a spring, its peak in signal.
Navigation
ASCII Halftone Canvas component
@viberdy
Turns any canvas drawing into live ASCII art, sampled one pixel per glyph.
Other
ASCII Resolve Heading component
@viberdy
A heading that resolves from ASCII into type: its own letterforms redrawn in shape-matched glyphs step from coarse to fine as it comes into view, then a lens under the pointer shows the glyphs again.
Text
Assemble Reveal component
@viberdy
A reveal where parts assemble in 3D: each item starts at its own offset and turn deep in perspective and flies home on a spring with a slight overshoot, one after another, as it comes into view.
Motion and effects
Asterisk Submit Input component
@viberdy
An email field as a pill, an asterisk that turns one step per keystroke and spins while sending, and a black Submit pill. A real form with validation and an honest status line.
Forms
Asterisk Type Headline component
@viberdy
A headline typed out by an asterisk: the caret spins fast while it types, opens an inline pill when it reaches one, then parks in the slot you mark with * (by default just after the last word) and keeps turning slowly.
Other
Audio Wave Visualizer component
@viberdy
A bouncing equalizer bar animation for audio/podcast/music UI.
Media

Offset Shadow Card

Install

Live preview

Registry dependencies0

Packages0

Offset Shadow Card

Install

Live preview

Registry dependencies0

Packages0

Source

More from @viberdy, 186 components

The Signal

Install

Live preview

Registry dependencies0

Packages0

Install

Live preview

Registry dependencies0

Packages0

Source

More from @viberdy186, 186 components

More from @viberdy, 186 components