Pixel Rain by Greg AlthoffPixel Rain | Contra
Pixel Rain transforms any text into an animated pixel particle experience. Watch particles rain down and settle into glowing, pulsing letterforms. Fully customizable with 90+ fonts, gradient colors, and a smooth 60fps dual-canvas engine built for Framer.
Core Animation Layers:
Falling particles rain down from configurable height and land gracefully into position
Pulsing particles breathe and glow across the upper portions of letters
Solid base layer anchors letterforms with crisp density at the bottom
Typography Controls:
90+ Google Fonts with automatic loading
Font size, weight (100-900), letter spacing, line height
Custom font support
Particle System Controls:
Particle size (2-30px)
Rain height (20-400px) with proportional fade scaling
Falling count (5-200), fall speed, fade duration
Independent pulse speed
Color Options:
Single flat color
3-stop gradient (top → mid → bottom across letter height)
Custom random color palette (up to 6 colors)
Background color
Performance:
Dual-canvas architecture eliminates compositing artifacts
Smooth 60fps animation at any size
Perfect for hero statements, section headers, or eye-catching titles anywhere on your Framer site.
Get it for$8.00
Tags
Framer
Framer Commerce
JavaScript
2D Animator
text animation
Product created by
Greg Althoff proWaimea, USA
3
Followers
Get it for$8.00
Tags
Framer
Framer Commerce
JavaScript
2D Animator
text animation
Pixel Rain transforms any text into an animated pixel particle experience. Watch particles rain down and settle into glowing, pulsing letterforms. Fully customizable with 90+ fonts, gradient colors, and a smooth 60fps dual-canvas engine built for Framer.
Core Animation Layers:
Falling particles rain down from configurable height and land gracefully into position
Pulsing particles breathe and glow across the upper portions of letters
Solid base layer anchors letterforms with crisp density at the bottom
Typography Controls:
90+ Google Fonts with automatic loading
Font size, weight (100-900), letter spacing, line height
Custom font support
Particle System Controls:
Particle size (2-30px)
Rain height (20-400px) with proportional fade scaling
Falling count (5-200), fall speed, fade duration
Independent pulse speed
Color Options:
Single flat color
3-stop gradient (top → mid → bottom across letter height)
Custom random color palette (up to 6 colors)
Background color
Performance:
Dual-canvas architecture eliminates compositing artifacts
Smooth 60fps animation at any size
Perfect for hero statements, section headers, or eye-catching titles anywhere on your Framer site.
$8.00
Buy