Paper plane

Pick it up and throw it. It glides, stalls and loops like a real one.

A free React component from Codebub, made with React · CSS 3D. See it live at codebub.com/components.

npm i @codebub/paper-plane

import PaperPlane from '@codebub/paper-plane'

export default function Page() {
  return (
    <div style={{ width: 800, height: 400 }}>
      <PaperPlane />
    </div>
  )
}

It fills the box you put it in, so give that a size: it's made for 800 by 400. Props: className, style. It draws in a shadow root of its own, so its styles and your page's never meet. React 19.

MIT licensed.