prismo

Rarity Collection

10+ holographic effects.
One component.

rare holo

rare holo v

rare holo vmax

rare holo vstar

rare rainbow

rare rainbow alt

rare secret

rare ultra

Why prismo

Craft meets performance.

Zero Dependencies

Pure CSS animations. No spring libraries, no animation frameworks. Just React + CSS custom properties.

60fps Smooth

Pointer tracking via requestAnimationFrame. GPU-accelerated transforms. No jank, even on mobile.

10+

Rarity Types

Holo, V, VMAX, VSTAR, Rainbow, Secret Gold, Ultra Rare, Radiant, and custom overlay support.

KB Gzipped

Tiny JavaScript footprint. The CSS handles all the visual complexity. Tree-shakeable exports.

Quick Start

Three lines. That's it.

App.tsx

import { PrismoCard } from '@prismojs/react';
import '@prismojs/react/styles';
export default function Card() {
  return (
    <PrismoCard rarity="rare holo v">
      <img src="/my-card.png" />
    </PrismoCard>
  );
}

Packages

Install & go.

@prismojs/react

stable

Core React component with all rarity effects and pointer tracking.

npm i @prismojs/react

10+ holographic effects.One component.