← Back to All Demos

Jumping Cards

Interactive card grid with 8 style presets, glow effects, and 3 animation triggers.

8
Presets
3
Triggers
6
Glow Modes
01

Variation 01

Elevated

Material Design shadows that deepen on hover. The workhorse preset for clean, modern layouts.

preset=elevated
trigger=hover
shadow=medium
Aerial view of turquoise river through misty green forest

Design Systems

Consistent, scalable interfaces built on reusable tokens and components.
Dramatic ocean cliff at sunset with lighthouse silhouette

Performance

Sub-second page loads with optimized assets and smart lazy loading.
Modern web application dashboard with data visualization widgets

Cloud Native

Serverless functions and edge computing at global scale.
Premium wireless headphones on white background

Zero Trust

Every request verified. Every connection encrypted. Always.
02

Variation 02

Glassmorphism

Frosted-glass blur over a colorful background. Pair with gradient or image rows for full effect.

preset=glass
blur=12px
opacity=15%
03

Variation 03

Gradient

Built-in gradient palettes or pick your own. Six presets: Purple Haze, Sunset, Ocean, Forest, Fire, Night Sky.

preset=gradient
palette=sunset
trigger=scroll

Creative Studio

Where bold ideas meet pixel-perfect execution.
Modern interior with warm golden sunlight through floor-to-ceiling windows

Analytics

Real-time dashboards with drill-down insights.
Charming European cobblestone street with cafes in daylight

Automation

Set it once. Watch it scale. Sleep well.
04

Variation 04

3D Layered

Stacked box-shadows create depth. Scroll-triggered with stagger delay between cards.

preset=layered
trigger=scroll
stagger=150ms
05

Variation 05

Glow Effect

Animated rotating glow border on any preset. Rainbow, neon, fire, ocean, sunset, or custom colors.

glow=rainbow
animation=spin
trigger=continuous
Aerial view of turquoise river through misty green forest

Open Source

Community-driven development with transparent governance.
Dramatic ocean cliff at sunset with lighthouse silhouette

Enterprise

SOC 2 compliant with dedicated support and SLAs.

Minimalism

Less interface, more impact. Every element earns its place.
06

Variation 06

Neumorphic

Soft UI with sculpted inset/outset shadows. Card background must match the section for the illusion to work.

preset=neumorphic
shadow_dist=10px

All Variations

01
Elevated
presetelevated
triggerhover
shadowmedium
02
Glassmorphism
presetglass
blur12px
opacity15%
03
Gradient
presetgradient
palettesunset
triggerscroll
04
3D Layered
presetlayered
triggerscroll
stagger150ms
05
Glow Effect
glowrainbow
animationspin
triggercontinuous
06
Neumorphic
presetneumorphic
shadow_dist10px

All Available Options

Style Presets
None (Custom)ElevatedSoftBorderedOutlinedNeumorphicGlassGradient3D Layered
Trigger Types
HoverScrollContinuous
Gradient Palettes
PurpleSunsetOceanForestFireNightCustom
Glow Effects
RainbowNeonFireOceanSunsetCustom
Glow Animations
SpinReversePulseBreatheStatic
Other Controls
Stagger Delay (ms)Shadow: Light / Medium / StrongEasing (6 curves)Card CountLink Target (_self / _blank)