Cards
Seventy card treatments, from WebGL shaders to thermal receipts. Nineteen keep the approval buttons that drive their effect; the rest are plain cards.
Sort
Number
A–Z
Newest
01 WebGL Shader
WebGL Shader A live fragment shader paints the background while the text stays crisp on top.
02 SVG Turbulence
SVG Turbulence feTurbulence and a displacement map ripple the card like heat off a road.
03 @property Conic
@property Conic A registered custom property animates the conic border angle in pure CSS.
04 3D Flip
3D Flip Perspective flip with a real back face. Click the card to turn it over.
LCP 2.1s
Projected after poster + lazy HLS. Payload 18 MB → 1.2 MB.
Back to card
05 Aurora Glass
Aurora Glass Frosted glass over drifting aurora blobs, blurred with backdrop-filter.
06 Brutalist Mono
Brutalist Mono Hard edges, monospace, one accent. Nothing moves unless it has to.
07 CRT Terminal
CRT Terminal Scanlines, phosphor glow and a slow refresh roll from an old monitor.
08 Holo Foil
Holo Foil A holographic foil sticker that shifts hue as the pointer tilts it.
09 Neumorphic
Neumorphic Soft extruded surface built from two offset shadows and no borders.
10 Paper & Ink
Paper & Ink Cream stock, a faint fibre texture and ink that bleeds at the edges.
11 Gooey Metaball
Gooey Metaball SVG goo filter merges drops into one blob. Press to drip.
Drip
12 Particle Field
Particle Field A canvas particle field that drifts and reacts to the pointer.
13 Magnetic
Magnetic The card leans toward the cursor and springs back when it leaves.
14 Decode Scramble
Decode Scramble Text scrambles through random glyphs and decodes into place. Hover to replay.
Scramble
15 Spotlight Reveal
Spotlight Reveal A radial spotlight follows the pointer and lights the surface beneath it.
16 Cyber Glitch
Cyber Glitch RGB split, slice offsets and a flicker that never quite settles.
17 Blueprint
Blueprint White ink on cyanotype blue with a drafting grid and dimension ticks.
18 Luminous Neon
Luminous Neon Neon tube edges with a soft halo and a slow electrical hum.
19 Isometric
Isometric A 2.5D block card with faces lit from one side.
20 Starfield
Starfield Parallax starfield on canvas, three depth layers, drifting slowly.
21 Anchor-Positioned Tooltips
Anchor-Positioned Tooltips CSS anchor positioning pins tooltips to their buttons. Hover one.
Hover me
Ship it now Hold for later Cancel the request Open a thread
22 @starting-style Pop
@starting-style Pop Ready
Entry animation with @starting-style and a native popover. Press to pop.
Details
Pop
Report 182 · nightly backup run Last 7 runs averaged 43 min, up from 18. The media bucket doubled after the October photo import; the job re-uploads unchanged files. Fix: switch to incremental sync with a checksum manifest.
Your answer: none yet
Close
23 Scroll-Driven Reveal
Scroll-Driven Reveal Scroll-driven animation reveals the card as it enters the viewport.
24 View Transition Morph
View Transition Morph Ready
The View Transitions API morphs the card between two layouts. Press to morph.
Morph
25 Mesh Gradient @property
Mesh Gradient @property Four animated color stops registered with @property make a living mesh.
26 Liquid Glass
Liquid Glass Refractive glass with a specular rim, after Apple's Liquid Glass.
27 Variable Font Kinetic
Aa
Variable Font Kinetic The title's weight and width breathe along a variable font axis.
28 Container Query Adaptive
narrow ⇄
Container Query Adaptive Layout switches by container width, not viewport. Drag the handle.
29 color-mix + light-dark
color-mix + light-dark Every color is a color-mix of two tokens; light-dark flips the scheme. Click the badge.
30 WebGPU Compute Particles
WebGPU Compute Particles A WebGPU compute shader moves the particles, with a 2D fallback.
Details
31 ASCII Rain Overlay NEW
ASCII Rain Overlay Falling ASCII characters rendered on canvas over the card.
32 Depth-Map Parallax Photo NEW
Depth-Map Parallax Photo A depth map displaces the photo so it parallaxes with the pointer.
33 Chromatic Aberration Hover NEW
Chromatic Aberration Hover Hover shifts red/cyan channels on the title. Keep body copy steady.
34 Film Grain + Vignette NEW
Film Grain + Vignette Animated grain and a soft vignette give the card a shot-on-film feel.
35 Kinetic Rubber Stamp NEW
195. vault.tfl.dev: stamp the standing-order packet HIGH No answer yet
Click any decision button to slam a rubber stamp onto the card.
Asked by Showcase · Oct 20, 2026 10:30 AM CT · vault.tfl.dev · type: ux
Open report
Fire away Wait Don't do it Let's talk about this
36 Blueprint Grid NEW
Blueprint Grid A drafting grid that fades in by distance from the pointer.
37 Polaroid Tilt Stack NEW
Polaroid Tilt Stack A stack of instant photos fanned and tilted. Press to shuffle.
Shuffle
38 Terminal Boot Card NEW
198. Terminal Boot Card The card boots like a terminal, line by line, cursor blinking.
39 Watercolor Bleed NEW
Watercolor Bleed Pigment bleeds outward from the title in wet-on-wet strokes.
40 Comic Halftone NEW
POW
Comic Halftone Halftone dots and a POW burst from the comics page. Press to punch.
POW
41 Split-Flap Board NEW
201. tfldoor.com: pickup board for finished orders MED No answer yet
Every title flips in letter by letter like an airport board. Hover the title to flip it again.
Open report
Fire away Wait Don't do it Let's talk about this
42 Thermal Drone Cam NEW
● REC --.-°C
Thermal Drone Cam A false-color thermal view with a scanning reticle and readouts.
43 Water Ripple NEW
Water Ripple Pointer taps send ripples across a water surface on canvas.
44 Topographic Contours NEW
ELEV 412 FT Topographic Contours Contour lines drawn from a noise height field, drifting slowly.
45 Thermal Receipt NEW
205. tfldoor.com: Helcim receipts should list each door MED No answer yet
The card prints out of the slot. Pick an answer and it prints your decision with a timestamp.
Open report
Fire away Wait Don't do it Let's talk about this
46 Laser-Etched Maple NEW
Laser-Etched Maple Text burned into maple with a scorch halo. Press to re-etch.
Etch
47 Falling Sand NEW
207. thecncdude.com: sandblasted sign gallery needs filters MED No answer yet
Each answer pours its own color of sand. Drag on the card to pour more.
drag to pour Open report
Fire away Wait Don't do it Let's talk about this
48 Radar Sweep NEW
BRG 000° Radar Sweep A phosphor radar sweep with persistence. Click the dish to drop a contact.
49 CNC Toolpath NEW
G0 X0 Y0 CNC Toolpath A router bit traces the card perimeter. Press to pocket a corner.
Route it
50 Cut-Sheet Nest NEW
YIELD 0.0% Cut-Sheet Nest Parts scatter and re-nest onto a 96 by 48 sheet. Press to nest.
Nest it
51 Sample Board Quote NEW
211. bustersflooring.com: send quote #4471 for the Maple St. kitchen + den HIGH No answer yet
BUSTER'S FLOORING SAMPLE
Collection Hartwell
Color Saddle Oak
Area 612 sf +10%
Boxes 29 × 23.95
Price $3.49/sf
Quote total $2,423.98
APPROVED Open report
Fire away Wait Don't do it Let's talk about this
52 Install Date Calendar NEW
Install Date Calendar
Kitchen220 Living340 Hall90 Den160
560 sq ft · 2 days · crew of 2 · Mon Nov 9 → Wed Nov 11
Book it
53 Sample Request Flip NEW
Sample Request Flip Tap a chip to bring it forward, tap again to read the back label.
Send sample
54 Change-Order Slider NEW
Change-Order Slider
WAS NOW
640 sf × $2.89 → $3.49 +$384.00
Apply
55 Pallet Delivery NEW
Pallet Delivery Liftgate +$85
Liftgate to driveway Terminal pickup
0 boxes · 694 sf · 1,102 lb · 1 pallet
Wrap it
57 Laminate Film Peel NEW
217. tfldoor.com: confirm laminate color for the Baker kitchen MED No answer yet
NATURAL WALNUT TFL · 0.8 MM · SUPERMATTE SELECTED drag the corner to peel
Natural Walnut · 31 doors · Baker kitchen$38 / door
Open report
Fire away Wait Don't do it Let's talk about this
58 Cut List Check-Off NEW
218. tfldoor.com: release cut list sheet 1 of 3 to the CNC HIGH No answer yet
RELEASED · CNC-2
Open report
Fire away Wait Don't do it Let's talk about this
59 Hinge Side Swing NEW
219. tfldoor.com: lock hinge side for upper U-07, 15 x 30 MED No answer yet
SOFT-CLOSE HINGE L · LOCKED U-07 · 15×30 Sable Oak · hinged left · 2× 110° soft-close
Open report
Fire away Wait Don't do it Let's talk about this
60 Wall Run Elevation NEW
220. tfldoor.com: approve the 11-foot sink wall, upper cabinets MED No answer yet
W2430 $162 W1530 $118 W3030 $189
0 of 3 placed · Sage Matte TFL $0
Open report
Fire away Wait Don't do it Let's talk about this
61 Closet Section Stack NEW
221. tflcloset.com: approve section B of the Harper master closet MED No answer yet
84 72 60 48 36 24 12 0
SECTION B · FROSTY WHITE + Rod40″ + Shelf12″ + Drawer10″ + Shoes8″
12″ open of 84″$0
Open report
Fire away Wait Don't do it Let's talk about this
62 Hanging Space Split NEW
222. tflcloset.com: split long hang vs double hang on the 8-foot wall LOW No answer yet
LONG HANG DOUBLE HANG
Divider Long 36″ · 8 dresses & coats Double 60″ · 40 shirts & pants
Open report
Fire away Wait Don't do it Let's talk about this
63 Mirror Door Reveal NEW
223. tflcloset.com: quote reach-in to walk-in conversion, 7 x 8 room HIGH No answer yet
Reach-in 6′ → walk-in 7′×8′ · 3× the hanging $3,480
Open report
Fire away Wait Don't do it Let's talk about this
64 Install Crew Sign-Off NEW
224. tflcloset.com: install crew sign-off, job C-2291 HIGH No answer yet
Open report
Fire away Wait Don't do it Let's talk about this
65 Receipt Drawer NEW
225. tflcloset.com: approve wardrobe order C-2291 MED No answer yet
TFL CLOSET ORDER C-2291 · OCT 26 2026 3× Tower 24×84 $1,437 2× Drawer stack $768 Shoe wall 36″ $226 LED + install $415 TOTAL $2,846.00
thank you, Harper family APPROVED call me re: tower B
Wardrobe · Frosty White · full-extension soft-close $2,846
Open report
Fire away Wait Don't do it Let's talk about this
66 Savings Coin Jar NEW
226. tfldoor.com: send the savings sheet to a homeowner lead MED No answer yet
Custom solid wood $149 / door · 12–16 wk
TFL Door $38 / door · ships in 7 days
you keep $0
Doors 24 Open report
Fire away Wait Don't do it Let's talk about this
67 Green-Light Contract NEW
227. tfldoor.com: green-light the 42-door contract HIGH No answer yet
Price 42 Shaker doors × $38 = $1,596 Ship date Mon Nov 2 · 7 days, free freight Deposit 50% today · $798 · rest on delivery
ORDER TD-5512 · SENT
Open report
Fire away Wait Don't do it Let's talk about this
68 Friend Pass Plane NEW
228. tfldoor.com: send a $50 friend pass LOW No answer yet
TFL DOOR · FRIEND PASS $50 off for Jess , and $50 back to you
ROBBY-50
2 friends sent · $100 earnedno limit
Open report
Fire away Wait Don't do it Let's talk about this
69 Price Lock Clock NEW
229. tfldoor.com: lock $38/door for builder Ridgeline Homes HIGH No answer yet
Shaker · any TFL color $38 per door · $46
Press & hold to lock $38 Offer ends Fri 5:00 PM CT --:--:--
Open report
Fire away Wait Don't do it Let's talk about this
70 Offcut Confetti Close NEW
230. tfldoor.com: close the Whitfield order with a signature HIGH No answer yet
ORDER AGREEMENT TFL Door · 42 Shaker doors · $1,596.00
Ships in 7 days. 5-year edge-band guarantee. If a door isn't right, we remake it free.
X Dana Whitfield · sign here SIGNED
Open report
Fire away Wait Don't do it Let's talk about this