FW
Icon CarouselOrbiting icons with shine effects
Table SearchAnimated search input with expanding table results
Star revealSoft-edged star mask using inline SVG with Gaussian blur.
Nice to use as a highlight effect behind some cards.
SDF dot matrixGPU-instanced dots with signed distance field influence mapping.
1/4
Ink bleed textSVG filter effect that simulates ink bleeding on paper.
Blurred streaming carouselPerfect for AI thinking sections
50
Limit-aware warping sliderLively responds to hitting its limits. I wish more products utilized some version of this. Inspired by Apple.
0
0
:
1
0
Animated countdown timerNumbers cascade and blur as they change, creating a smooth carousel effect.
generational
generational
design
clarity
speed
details
design
clarity
speed
details
design
clarity
speed
details
Snap-ease text carouselCustom easing with slow-fast-slow transitions. Top: single word swap. Bottom: column with visible neighbors.
a new era requires a new creative class.
a new era requires a new creative class.
Clip-path revealText inverts from light to dark using CSS clip-path animation. Clean reveal effect.
Plan: research issueRead filesWrite changesRun testsCommit
Analyze codebase
Agent workflow progressNeat animations to show an AI agent's progress.
1/3