Skip to content

component

Pixel Scroll Divider

By sherwin

Details

Summary

Onscroll Pixel Divider

Description

A dynamic pixelated section divider that creates a bold, animated transition between contrasting sections. The divider uses a seeded procedural pattern to generate unique pixel shapes, with customizable depth, density, direction, and reveal animation. Features Procedural pixel patterns with adjustable density and depth Smooth scroll-triggered reveal animation Left, right, center, or randomized reveal directions Upward or downward transitions Fully customizable colors, pixel size, timing, and stagger Seed control for creating different pixel patterns Responsive across different screen widths Replay option for repeated scroll animations Perfect for portfolios, creative websites, digital experiences, and editorial layouts that need a distinctive section transition.

Introduction

Onscroll Pixel Divider

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300132728/168/238/319/79/15
  • All · #2479