Skip to content
react-cards-opening

Effects

64 effects, and what they look like stacked. Every tile below is the library playing live, on a card of the tier it suits: press one to play it again.

Six signature shows

What every opener plays when told nothing: one show per tier, each built from different effects. They are a plan, and a plan can be swapped.

Every tile is the library, playing live. Press one to play it again.
Commonslamdust
Uncommonripplesleavesfireflies
Rareconvergefrosthexshardsrimglitter
Epicimplosionsigildiamondstarburstpunchspiralorbit
Legendaryhaloflashsunburstpillarshakestarburstcoinsbeamsembers
Mythicflickervignetteconvergeimplosionnegativenovacrackslightningquakechromacometsflamessmoke

Combinations

Stacks to take as they are or pull apart. The names under a tile are what to pass to play, or to put in a plan.

Dragon hoardhaloflashsunburstshakecoinsembers
Frozen lakeconvergefrosthexsnowshardsrim
Arcane circleimplosionsigilstarburstspiralorbit
Thunderheadflickervignettelightningquakerainchroma
Garden partyripplesbloomleavespetalsfireflies
Arcade jackpotnegativering-of-pixelspixelsspeedlinespunchcoins
New yearflashpulsefireworksconfettiglitter
Deep seatintsonaraurorabubblesripples
Phoeniximplosionnovaheatwavequakeflamesemberssmoke
Supernovaconvergeflashnovastarburstshakestardustcomets
Glitch dropflickerglitchscanlineschromapixelsecho
Spotlightletterboxspotlightslamdust
Northern lightshaloaurorastardustglitter
Shatteredcracksshockwavepunchshardsdust
Wishing wellripplesbloomfountaincoins
Comet showerfocusflarespeedlinescometsecho
Holy lighthalopillarraysbeamssparks
Fairy ringpulseorbitfirefliesglitter
Blizzardvignettefrostdiamondsnowrim
Impactnegativeslamshockwavecracksquakespeedlinesdust
Rose gardenhalobloompetalsglitter
Smoke and mirrorsfocusflareechosmoke
Sunrisetintsunburstraysflareembers
Storm of sparkslightningpulseshakesparksrim

Every effect

Each on its own, with the name that plays it. The library page has how to play, stack and write them.

Particles 24

Sparkssparks
Confetticonfetti
Embersembers
Starduststardust
Pixelspixels
Shardsshards
Fountainfountain
Bubblesbubbles
Snowsnow
Petalspetals
Cometscomets
Spiralspiral
Firefliesfireflies
Rain of lightrain
Orbitorbit
Implosionimplosion
Smokesmoke
Coinscoins
Fireworksfireworks
Glitterglitter
Pixel ringring-of-pixels
Dustdust
Leavesleaves
Flamesflames

Light 16

Raysrays
Beamsbeams
Halohalo
Flashflash
Lens flareflare
Spotlightspotlight
Auroraaurora
Sunburstsunburst
Bloombloom
Starburststarburst
Pillarpillar
Lightninglightning
Rim lightrim
Frostfrost
Sigilsigil
Crackscracks

Waves 11

Shockwaveshockwave
Ripplesripples
Pulsepulse
Sonarsonar
Hex wavehex
Diamond wavediamond
Ground slamslam
Convergeconverge
Heatwaveheatwave
Card echoecho
Novanova

Screen 13

Shakeshake
Quakequake
Punchpunch
Vignettevignette
Tinttint
Scanlinesscanlines
Glitchglitch
Chroma splitchroma
Letterboxletterbox
Flickerflicker
Speed linesspeedlines
Impact framenegative
Focus pullfocus

Go deeper

The card's own effects

Under whatever a plan adds, a reveal has thirteen effects of its own, in a fixed order. Each has a page.

All ten of the card's own effects in one reveal. Press it.

The order

AtWhat happensWho gets it
0 sBeam and lock, then the crackthe scan
+0.15 sFlight, 0.75 severy tier
thenHum, 0.5 to 0.9 severy tier
thenFlip, 0.6 s, with the burst 0.2 s inevery tier
with the flipRaysloud and legendary
with the flipFlash, shockwaves, foil border, shine, sparkleslegendary
thenThe hold: as long as the card takes to readevery tier
thenThe landing, 0.6 severy tier
afterFound pulsethe scan

Rules they all follow

  • Nothing is created mid-reveal. Every particle is in the page from the start, invisible. An effect only moves what is there.
  • Only `transform`, `opacity` and shadows move. Nothing an effect does changes the page's layout.
  • Tiles never change size. A cell lights up; it does not grow over its neighbours.
  • Idle effects run only on screen, on the Web Animations API, so a grid further down the page costs nothing.
  • The colour is the theme's. No effect names a colour of its own.

Last updated . Read this page as Markdown.