pixel-perfect
www.pixel-perfect.spaceFreemanifest served live
Pixel Perfect UI is a precision-crafted UI library built for developers and designers who care about details.
Items
332
2026-08-03Every entry in its own registry.json, counted last night.Free to install
332
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
16 days ago
647 stars. Both figures are GitHub's about this repository, not ones this index measured.Blocks
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| 3d-button3d-button | 3D push button with press/hover physics and 8 color variants: amber, emerald, rose, sky, violet, slate, coral, mint. | Blocks | Free | 2 deps | |
| abhinav-bento-buttonabhinav-bento-button | A large bento-style button. | Blocks | Free | no deps | |
| accordion-carouselaccordion-carousel | An accordion of vertical image panels — the active panel springs wide to reveal its photo and caption while the rest compress into slim slivers with sideways titles. Click a panel to expand it; it auto-advances until hovered. | Blocks | Free | 1 dep | |
| accordion-foldaccordion-fold | A paper map of hinged panels that folds itself up like an accordion and flattens back out. | Blocks | Free | 1 dep | |
| activity-wheel-motionactivity-wheel-motion | Scrollable arc-curved vibe picker with violet active fill and a dark indicator pill. | Blocks | Free | 2 deps | |
| animated-textureanimated-texture | Helper that builds an animated (GIF/video-capable) Three.js texture for image shaders. | Blocks | Free | 1 dep | |
| aperture-mask-revealaperture-mask-reveal | A camera-aperture mask reveal — six shutter blades twist open around the center, dilating a hexagonal iris cut from an inline SVG mask. | Blocks | Free | 1 dep | |
| aurora-curtainaurora-curtain | Drifting ribbons of green and violet light over a deep night sky. | Blocks | Free | no deps | |
| bar-wave-animationbar-wave-animation | Bar Wave Animation component. | Blocks | Free | 1 dep | |
| barwave-svg-animationbarwave-svg-animation | A bar wave SVG animation with interactive hover, using Framer Motion. | Blocks | Free | 1 dep | |
| before-afterbefore-after | Drag the handle to wipe between two images with a liquid seam. | Blocks | Free | 1 dep | |
| bend-button-followerbend-button-follower | A rounded pill button with text that smoothly chases the cursor and warps with an air-friction bend on a WebGL plane. | Blocks | Free | no deps | |
| bend-image-revealbend-image-reveal | A pixel-art frame that flies in and warps with an air-friction bend, deformed on a WebGL plane by a GSAP-driven vertex shader. | Blocks | Free | 3 deps | |
| bend-mouse-followerbend-mouse-follower | A pixel-art frame that smoothly chases the cursor and warps with an air-friction bend on a WebGL plane. | Blocks | Free | 3 deps | |
| bend-zoom-revealbend-zoom-reveal | A pixel-art frame that flies in, then zooms to fill the box as you scroll inside it, warping with an air-friction bend on a WebGL plane. | Blocks | Free | 3 deps | |
| bevel-buttonbevel-button | Compact dark button with a top-light to bottom-dark gradient stroke and layered inset bevel shadows for a tactile chiseled feel. | Blocks | Free | no deps | |
| blinds-mask-revealblinds-mask-reveal | A venetian-blinds mask reveal — the image is hidden behind N slats cut from a repeating-linear-gradient CSS mask, then every slat opens at once to uncover the whole frame. | Blocks | Free | 1 dep | |
| blob-sphereblob-sphere | A sphere displaced by 3D noise in the vertex shader — drag to spin. | Blocks | Free | 4 deps | |
| blue-chrome-buttonblue-chrome-button | A chrome-style button with layered glow border and smooth motion. | Blocks | Free | 1 dep | |
| blur-toggle-buttonblur-toggle-button | A button with blur transition effect on toggle using Framer Motion. | Blocks | Free | 2 deps | |
| book-demo-buttonbook-demo-button | Lime square with animated dotted chevron arrows that expands a dark panel on hover to reveal a label. | Blocks | Free | no deps | |
| border-1border-1 | A dashed border design with corner elements. | Blocks | Free | no deps | |
| border-2border-2 | A solid border design with corner elements. | Blocks | Free | no deps | |
| border-gradient-buttonborder-gradient-button | A button with a gradient border effect. | Blocks | Free | no deps | |
| border1border1 | Border1 component. | Blocks | Free | no deps | |
| border2border2 | Border2 component. | Blocks | Free | no deps | |
| bounce-smiley-animationbounce-smiley-animation | Bounce Smiley Animation component. | Blocks | Free | 1 dep | |
| brush-mask-revealbrush-mask-reveal | A brush-stroke mask reveal — the image is painted in along a thick snaking brush stroke, using an inline SVG mask whose stroked path animates its stroke-dashoffset from hidden to fully drawn. | Blocks | Free | 1 dep | |
| car-lock-drive-motioncar-lock-drive-motion | Side-view car with a clean lock/drive pill switch that springs the car forward on drive. | Blocks | Free | 2 deps | |
| card-animationcard-animation | Framer Motion card animation. | Blocks | Free | 3 deps | |
| cards-slidercards-slider | Cards Slider — an infinite deck of product cards. The active card sits | Blocks | Free | 1 dep | |
| cdcd | An animated ASCII CD render with responsive scaling. | Blocks | Free | no deps | |
| center-split-revealcenter-split-reveal | A center-split mask reveal — the image is clipped to a closed vertical seam down the middle, then the clip-path opens left and right to split it apart and uncover the whole frame. | Blocks | Free | 1 dep | |
| chat-uichat-ui | A streaming chat UI built on MessageScroller — anchored turns, follow-the-edge auto-scroll, a dot-matrix thinking indicator, and word-by-word reveal. | Blocks | Free | 2 deps | |
| claude-sidebarclaude-sidebar | Claude-style sidebar built on shadcn/ui's <Sidebar> primitives. Smooth icon-rail collapse animation, playful icon micro-interactions on hover, starred & recent chat lists, user card with auto-tooltips when collapsed. Customizable via props (navItems, starred, recents, user). | Blocks | Free | no deps | |
| clock-mask-revealclock-mask-reveal | A radial clock-sweep mask reveal — a conic-gradient CSS mask sweeps a wedge around the center like a clock hand, uncovering the image angle by angle until the full frame shows. | Blocks | Free | 1 dep | |
| coin-spin-animationcoin-spin-animation | A 3D spinning coin animation with layered faces and side depth. | Blocks | Free | 1 dep | |
| color-flair-buttoncolor-flair-button | A pill button with a directional color flair: stacked concentric circles bloom from | Blocks | Free | 2 deps | |
| cover-flow-carouselcover-flow-carousel | A classic cover-flow carousel: the centre cover faces you while the side covers angle inward with depth and a floor reflection. Drag to scrub with snap, click a side cover to bring it front, or let it auto-advance. | Blocks | Free | no deps | |
| coverflow-marqueecoverflow-marquee | An endless coverflow: cards glide across the stage, swinging flat as they pass center, with floor reflections. | Blocks | Free | 1 dep | |
| cube-carouselcube-carousel | Slides live on the faces of a 3D prism that rotates to advance, dipping back in scale mid-turn like it needs room to swing. Drag to spin it freely with snap, or let it auto-rotate; faces are reassigned on the fly so any number of slides fits on four faces. | Blocks | Free | no deps | |
| cursor-revealcursor-reveal | Drag to paint colour back into a B&W photo, or scratch off frosted glass — strokes linger. | Blocks | Free | 1 dep | |
| cursor-spotlightcursor-spotlight | A noise-wobbled glow that tracks your cursor across the dark — hover to move it. | Blocks | Free | no deps | |
| cursor-trail-smearcursor-trail-smear | Your cursor drags a liquid streak across the image that trails and fades. | Blocks | Free | 2 deps | |
| customcustom | Layout-aware custom renderers from the `animate-text` catalog that cannot be | Blocks | Free | 2 deps | |
| cyber-buttoncyber-button | A cyberpunk-style button with neon borders and glitch effects. | Blocks | Free | 1 dep | |
| day-night-skyday-night-sky | A shader sky that glides from day to night — sun, moon, drifting clouds and stars, with an optional scrub slider. | Blocks | Free | 1 dep | |
| depth-tunneldepth-tunnel | Concentric frames flying out of the screen toward the viewer in an endless, slowly twisting depth tunnel. | Blocks | Free | 1 dep |
Removed from this registry
2 itemsEach of these was in pixel-perfect’s manifest when we first indexed it and is not there now. Their pages stay up, because somewhere a tutorial still tells people to install them.
| Item | Type | First indexed | Gone since |
|---|---|---|---|
| legionsdev-svglegionsdev-svg | registry:block | 2026-08-01 | 2026-08-02 |
| motion-pathmotion-path | registry:block | 2026-08-01 | 2026-08-02 |
