Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:componentSelf-contained

PixelSwap

PixelSwap-JS-TW

Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away with reversible colors and triggers.

@react-bitsRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

4 variants

Variants of this

Other takes on PixelSwap from @react-bits — the same idea in another design, language or styling.

Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away with reversible colors and triggers.

Open
@react-bits

More from @react-bits

All 469 items
Silk
Silk-TS-CSS
Component
ParticleText
ParticleText-JS-CSS
Component
GlareHover
GlareHover-TS-CSS
Component
Carousel
Carousel-TS-CSS
Component
TiltedCard
TiltedCard-TS-CSS
Component
LightTunnel
LightTunnel-JS-CSS
Component
ModelViewer
ModelViewer-TS-CSS
Component
SlicedWaves
SlicedWaves-TS-CSS
Component