Kitten, desktop environment for the web
React﹤Kitten﹥
Reactive,
Desktop Environment
Window Manager
Stage Manager
React desktop environment for the web. React-ish and highly customizable.
Kitten, desktop environment for the webKitten, desktop environment for the web

Welcome to React﹤Kitten﹥

React﹤Kitten﹥ is a desktop environment for the web.

Fully React-ish and follows declarative programming approach.

Spaces, Windows and Stage Manager

Spaces, Windows and Stage Manager are the core components of React﹤Kitten﹥.

Spaces are the containers for Windows.

Windows are draggable and resizable components.

Stage Manager manages minimizing.

<Manager size={size} scale={scale}>
  <Spaces space={space} onSpaceChange={setSpace}>
    <Space>
      <button onClick={() => setSpace(space-1)}>
        Previous Space
      </button>
      <button onClick={() => setSpace(space+1)}>
        Next Space
      </button>

      {opened ? <Window 
        kittenId="meow"
        position={position} onPositionChange={setPosition}
        size={windowSize} onSizeChange={setWindowSize}
        staged={staged} onStagedChange={setStaged}
      >
        <TitleBar onMove={setPosition}>
          <Buttons>
            <CloseButton onClick={() => setOpened(false)} />
            <StageButton onClick={() => setStaged(!staged)} />
          </Buttons>
          <Title>Cats and Kittens</Title>
        </TitleBar>
        <Content>{/* ... */}</Content>
      </Window>: <button onClick={() => setOpened(true)}>
        Open Window
      </button>}
    </Space>
  </Spaces>
</Manager>
TypeScript (TSX)
Kitten, desktop environment for the webKitten, desktop environment for the web
React logo
Truely Reactive
Kitten follows React's declarative programming approach. With very little effort, you can create highly reactive applications.
Highly customizable
Kitten is designed to be highly customizable. You can customize the look and feel of the desktop environment with ease.
Feature-rich
Kitten comes with a lot of features out of the box. You have workspaces, resizable windows, stage manager and easily controllable features.
Scalable
Kitten's canvas is scalable. You can scale it easily and it will take care of all the scaling and mouse event issues for you.